Antworten auf deine Fragen:
Neues Thema erstellen

HP php und zwei Javascripte

B

bibifellow

Nicht mehr ganz neu hier

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

MegaAdi

Freak

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

cebito

undefined

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

Solla

Aktives Mitglied

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
 
B

bibifellow

Nicht mehr ganz neu hier

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

cebito

undefined

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

bibifellow

Nicht mehr ganz neu hier

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

cebito

undefined

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

bibifellow

Nicht mehr ganz neu hier

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.
 
Zuletzt bearbeitet:
cebito

cebito

undefined

AW: HP php und zwei Javascripte

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

bibifellow

Nicht mehr ganz neu hier

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.
 
Zuletzt bearbeitet:
B

bibifellow

Nicht mehr ganz neu hier

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

michas

Nicht mehr ganz neu hier

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

taffrot

Hat immer langweile...

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.
}
 
M

michas

Nicht mehr ganz neu hier

@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
 
Zuletzt bearbeitet:
B

bibifellow

Nicht mehr ganz neu hier

AW: HP php und zwei Javascripte

Einiges umgestellt und überflüssiges gelöscht und es funktioniert jetzt. Danke für die Hilfe. :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 183 (Mitglieder: 10, Gäste: 173)
Robots: 841

Statistik des Forums

Themen
118.635
Beiträge
1.538.465
Mitglieder
67.558
Neuestes Mitglied
StarsMan
Oben