HP php und zwei Javascripte

bibifellow · 06.03.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. Die Javascripte habe in die einzufügende start.html gepackt. Die Slideshow wird eingefügt läuft auch egal ob ich den Javasript in der index.php oder der start.html stehen habe. Aber danach funktioniert das Dropdownmenü nicht mehr. Kann ich nicht zwei Javascripte in einer HP haben oder woran könnte das liegen.

MegaAdi · 06.03.2011

AW: HP php und zwei Javascripte

Es wird daran liegen dass die Slideshow gleiche Variablen verwendet wie dein DropDown!
Poste mal die 2 Javascripte.
Gruß Adrian

cebito · 06.03.2011

AW: HP php und zwei Javascripte

Hast du einen Link? Möglicherweise werden gleichlautende Variablen verwendet. Oder benutzt du bspw. jQuery und Mootols gemeinsam auf einer Seite? Bei deinen bisherigen Angaben wird das hier nur ein Ratespiel werden.

Solla · 06.03.2011

AW: HP php und zwei Javascripte

....ja, ja meine Glaskugel gibt auch nur aus dass es sich hier um gleiche Variablen handeln muss, aber seitdem ich die mal fallen gelassen habe, ist die nicht mehr ganz so zuverlässig, daher bitte lieber mal mehr Input - am besten Link oder den Quelltext mitsamt den Scripten *grins*

B.G.
Solla

bibifellow · 06.03.2011

AW: HP php und zwei Javascripte

Die Navi wäre

HTML:

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


 $(document).ready(function() {
    $('#nav').nmcDropDown({
     show: {height: 'show', opacity: 'show'}
 });
 });
                                           
$(document).ready(function() {
  $('#nav a').click(function() {
    $(this).parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
    return false;
  });
});



 /* ]]> */
 </script>

die Slideshow

HTML:

style  type="text/css"> 
/*  <![CDATA[ */
  .slideshow  { height: 400px; width: 600px; margin: auto }
  .slideshow  img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
/* ]]>  */
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<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>

cebito · 06.03.2011

AW: HP php und zwei Javascripte

Die typischen copy&paste-Fehler... nimm mal alles raus, was du oben gepostet hast, und füge das ein...

HTML:

<style  type="text/css">
/*  <![CDATA[ */
  .slideshow  { height: 400px; width: 600px; margin: auto }
  .slideshow  img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
/* ]]>  */
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<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() {

    $('#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;
    });

    $('.slideshow').cycle({
        fx: 'fade'
    });

});

  /* ]]> */
  </script>

bibifellow · 06.03.2011

AW: HP php und zwei Javascripte

Habe ich probiert da läuft noch nicht einmal die Slideshow. Das kann irgendwie nicht sein.
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>
 <script type="text/javascript">
 /* <![CDATA[ */


 $(document).ready(function() {
    $('#nav').nmcDropDown({
     show: {height: 'show', opacity: 'show'}
 });
 });
                                           
$(document).ready(function() {
  $('#nav a').click(function() {
    $(this).parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
    return false;
  });
});



 /* ]]> */
 </script>

und die Slideshow also die start.html

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style  type="text/css"> 
/*  <![CDATA[ */
  .slideshow  { height: 400px; width: 600px; margin: auto }
  .slideshow  img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
/* ]]>  */
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<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>

der Rest der index.php

PHP:

<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>


</body>
</html>

cebito · 06.03.2011

AW: HP php und zwei Javascripte

Damit sieht das schon wieder ganz anders aus, du solltest dir mal den Quelltext anschauen, den du jetzt ausgibst... deine includierte Datei sollte nicht mehr als das enthalten:

PHP:

<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>

die css-Sachen kannst du mit im head der index.php notieren oder am besten auslagern. Die scripte aus dem head der index.php ganz ans Ende verlagern, vor den schließenden body-tag, damit sparst du dir $(document).ready(function() aufzurufen, was bei dir aktuell 3xpassiert und auch den Fehler verursacht. Die index.php sollte dann so aussehen:

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>

bibifellow · 06.03.2011

AW: HP php und zwei Javascripte

Also die navi funktioniert aber die slideshow nicht. Ist alles richtig positioniert aber er ordnet nur die Bilder untereinander aber er spielt sie nicht ab. Weiß auch nicht warum.

cebito · 06.03.2011

AW: HP php und zwei Javascripte

Am besten, wie ganz am Anfang schon gesagt, stell das mal online und poste hier nen Link.

bibifellow · 06.03.2011

AW: HP php und zwei Javascripte

ich arbeite nur mit localhost. Habe also nichts online. Sorry!

Habe noch etwas ausprobiert. Wenn ich diese beiden Zeilen

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.latest.js"></script>

in die start.html packe läuft die slideshow aber nicht mehr die navi. Muss irgendwie damit zusammenhängen.

bibifellow · 07.03.2011

AW: HP php und zwei Javascripte

Habe jetzt mal ganz einfach etwas herumprobiert.

HTML:

!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 src="jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
  google.load("jquery", "1.3.2");
/* ]]> */
</script>
<script src="jquery.nmcDropDown.js" type="text/javascript"></script>
 <script type="text/javascript">
 /* <![CDATA[ */


 $(document).ready(function() {
    $('#nav').nmcDropDown({
     show: {height: 'show', opacity: 'show'}
 });
 });
                                           
$(document).ready(function() {
  $('#nav a').click(function() {
    $(this).parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
    return false;
  });
});



 /* ]]> */
 </script>
<title>Untitled Document</title>
</head>

<body><ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Speisekarte</a>
<ul> 
<li><a href="#">Pizza</a></li>
<li><a href="#">Nudeln</a></li>
<li><a href="#">Dessert</a></li>
<li><a href="#">Getränke</a></li>
</ul>
</li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>


<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>

</body>
</html>

bis hierhin läuft es aber wohin kann ich das Script packen damit die slideshow läuft. Unter den anderen Code funktioniert nicht ganz untern auch nicht wenn ich es in ein script packe auch nicht. Nur die Navi funktioniert.

michas · 07.03.2011

AW: HP php und zwei Javascripte

Hi, also Du hast da ein ganz schönes Chaos.

Falls Du eine schnelle Hilfe möchtest, solltest Du das ganze mal online zur Verfügung stellen.

Alternative biete ich Dir an, das für Dich zu ordnen. Hierfür müsstest Du mir mal alle relevanten Datein zukommen lassen (am besten per Mail) dann kann ich es bei mir lokal ordnen und ich schick sie Dir zurück.

Gruß Micha

taffrot · 08.03.2011

AW: HP php und zwei Javascripte

Ganz nebenbei. Dein switch-case sieht etwas komisch aus.

Machs lieber so

PHP:

$seite = isset($_GET['seite']) ? $_GET['seite'] : '';
switch($seite)
{
   case: 'home':
   include 'start.html';
   break;

   //...

   default:
   include 'start.html';
   break; //break ist hier optional.
}

michas · 08.03.2011

@bibifellow
Laß mal lieber Dein switch so wie er ist.
Allerhöchstens kannst Du die Reihenfolge ändern.

PHP:

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

Vielleicht kann taffrot noch begründen, was sein PHP-Script Vorschlag für Vorteile bringt.

Gruß Micha

taffrot · 08.03.2011

AW: HP php und zwei Javascripte

@michas: ups. habs beim überfliegen wohl nicht richtig gelesen *peinlich*.

MegaAdi · 08.03.2011

AW: HP php und zwei Javascripte

michas schrieb:
Wie bekommen ich eigentlich die "code" Blöcke hin?

Mit [ C O D E ] und [ / C O D E ] oder mit [ H T M L ]... oder [ P H P ]

Edith meint gerade: man soll doch die Leerzeichen weglassen

bibifellow · 08.03.2011

AW: HP php und zwei Javascripte

Einiges umgestellt und überflüssiges gelöscht und es funktioniert jetzt. Danke für die Hilfe.