Tutorial HTML, CSS u. PHP - Forum

von **bibifellow** » Montag 7. März 2011, 07:53

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: Alles auswählen: <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>

und die index.php

Code: Alles auswählen: <!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>

von **lauras** » Montag 7. März 2011, 10:08

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

von **bibifellow** » Montag 7. März 2011, 10:14

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.

von **Sarkkan** » Montag 7. März 2011, 14:02

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: Alles auswählen: <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ü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>

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: Alles auswählen: <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

Tutorial HTML, CSS u. PHP - Forum

hp mit 2 Javascripten

hp mit 2 Javascripten

Re: hp mit 2 Javascripten

Re: hp mit 2 Javascripten

Re: hp mit 2 Javascripten

Wer ist online?