hp mit 2 Javascripten

bibifellow · 7. März 2011

Ich habe eine HP mit einem Dropdownmenü. Funktioniert ohne Problem. Danach habe unter das Menü einen div gesetzt und darin dann per include eine Slideshow mit php eingefügt. Wenn ich die Seite der slideshow aufrufe läuft sie aber in der index.html funktioniert nur die Slideshow und die Navigation nicht. Kann ich nicht zwei Javascripte in einer HP haben oder woran könnte das liegen.

die slideshow start

Code

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script  type=
"text/javascript">
  /*  <![CDATA[ */
  $(document).ready(function()  {
      $('.slideshow').cycle({
                          fx: 'fade'
     });
  });
  /* ]]> */
  </script>




<div class="slideshow">
<img src="Bilder/001.jpg" height="400px" width="600px"/>
<img src="Bilder/002.jpg" height="400px" width="600px"/>
<img src="Bilder/004.jpg" height="400px" width="600px"/>
<img src="Bilder/005.jpg" height="400px" width="600px"/>
<img src="Bilder/006.jpg" height="400px" width="600px"/>
<img src="Bilder/007.jpg" height="400px" width="600px"/>
<img src="Bilder/008.jpg" height="400px" width="600px"/>
<img src="Bilder/009.jpg" height="400px" width="600px"/>
<img src="Bilder/010.jpg" height="400px" width="600px"/>
<img src="Bilder/011.jpg" height="400px" width="600px"/>
<img src="Bilder/012.jpg" height="400px" width="600px"/>




</div>

Alles anzeigen

und die index.php

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="navi.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jsapi.js"></script>
<script type="text/javascript" src="jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="jquery.nmcDropDown.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
  google.load("jquery", "1.3.2");
/* ]]> */
</script>
<script src="jquery.nmcDropDown.js" type="text/javascript"></script>




<style  type="text/css">
/*  <![CDATA[ */




/* ]]>  */
</style>




<title>My world</title>
</head>




<body>
<div id="side">
<ul id="nav">
<li> <a href="index.php?seite=home" >Home</a></li>




<li><a href="#">Bücher</a>
<ul>
<li><a href="#">Roman</a></li>
<li><a href="#">Fantasy</a></li>
<li><a href="#">Thriller</a></li>




</ul>
</li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Anfahrt</a></li>
</ul>
<div id="pic1">
  <img src="Bilder/015.jpg" width="100%%" height=100%" /></div>
</div>
<div id="center">
<div id="center1">




<?php  
$seite = isset($_GET['seite']) ? $_GET['seite'] : ''; 
switch($seite){ 
default: 
case"home": 
include("start.html"); 
break;} 
?>




</div></div>




 <script type="text/javascript">
 /* <![CDATA[ */




    $('#nav').nmcDropDown({
     show: {height: 'show', opacity: 'show'}
 });




  $('#nav a').click(function() {
    $(this).parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
    return false;
  });




 /* ]]> */
 </script>
</body>
</html>

Alles anzeigen

lauras · 7. März 2011

Kenne mich mit Javascript nicht aus, aber was spricht gegen ein Dropdown-Menü mit CSS?

bibifellow · 7. März 2011

Nein natürlich nicht, aber es kann ja immer mal nötig sein 2 jquery programme in eine php seite zu packen und dann wäre es gut zu wissen wie es funktioniert. Habe schon viel bei google gelesen, es müsste eigentlich funktionieren aber ich weiß nicht warum nicht.

Sarkkan · 7. März 2011

Also spontan.. index.html? Oder war das einfach nur ein kleiner Tippfehler?

Aber in der Regel klappt das ohne Große Probleme =/ Code meiner Seite, Sarkkan.de:

Code

<script language="javascript" type="text/javascript" src="Scripte/jquery-1.4.4.min.js"></script>
    <script language="javascript" type="text/javascript" src="Scripte/jquery.ba-hashchange.min.js"></script>
    <script language="javascript" type="text/javascript" src="Scripte/jquery.scrollTo-1.4.2-min.js"></script>




    <script language="javascript" type="text/javascript">
    function loadPage(Page){
        Para = Page.split("/");
        /*$.ajax({ url: "req/siteCreator.php",
                 type: "GET",
                 data: "site=" + Para[1] + "&id=" + Para[2] + "&sub=" + Para[3],
                 success: function(data){
                    $("li.span").removeClass("span");
                    $("a[href=" + Page + "]").parent().addClass("span");

                    $.scrollTo({top: 0, left: 0}, 500);
                        $("#Content").animate({opacity: 0}, 350, function(){
                            $('#Content').animate({opacity: 1}, 350).html(data);
                            document.title = $("h2").html() + " || Sarkkan.de - Hilfe, Tipps und Tricks für gutes Webdesign";
                        })
                 }
        });*/
    }

    $(document).ready(function(){
        if(location.hash != ""){
                Para = location.hash.split("/");
        /*$.ajax({ url: "req/siteCreator.php",
                 type: "GET",
                 data: "site=" + Para[1] + "&id=" + Para[2] + "&sub=" + Para[3],
                 success: function(data){
                    $("li.span").removeClass("span");
                    $("a[href=" + location.hash + "]").parent().addClass("span");
                    $('#Content').html(data);




                    document.title = $("h2").html() + " || Sarkkan.de - Hilfe, Tipps und Tricks f&uuml;r gutes Webdesign";
                 }
             });*/
        }

        $('a:not([href^="http://"])').each(function(){
            if($(this).attr('href').search("#!/") == -1){
                var target = $(this).attr("href");
                $(this).attr('href', "#!" + target);
            }
        });

        $('ul#Navi li ul').each(function(){
            $(this).css("min-width", $(this).parent().innerWidth()).parent().hover(function(){
                $(" ul", this).slideDown(500);
            }, function(){
                $(" ul", this).slideUp(350);
            });
        });
    });

    function AjaxSubmit(){
        alert("Hello World");
        return false;
    }

    $(window).hashchange( function(){
        loadPage(location.hash);
    })
    </script>

Alles anzeigen

Leider sieht man zwar nichts auf meiner Seite, weil ich da den wichtistens Teil damit es funktionieren würde auskommentiert habe.. aber du kannst mir Vertrauen im normalfall geht es^^
(Hab derzeit kaum Zeit an meiner Seite zu arbeiten, daher wollte ich niemanden meine PHP-Fehlermeldungen zeigen^^)

Das einzige, was natürlich nicht funktioniert ist, wenn du mehrere Ready-Sachen eingibst!
Da musst du in den Dateien aufpassen, bei >1 dieser Befehle kann es entweder sein, dass nur das letzte ausgeführt wird, oder sogar gar nichts

Edit: Achja und zu deinem JavaScript Dropdown Menü^^
Wie du evtl. erkennen kannst, verwende auch ich ein JavaScript-basiertes Menü ABER Ich habe noch einen Zusatz auf meiner Seite:

Code

<noscript><style type="text/css">ul#Navi li:hover ul {display: block}</style></noscript>

Wenn also jmd. ohne JavaScript auf meine Seite kommt: Funktioniert trotzdem alles

hp mit 2 Javascripten

Jetzt mitmachen!

Teilen