Ajax in einer PHP Seite

M

mkoeni1

Erfahrenes Mitglied
Hallo Leute,

ich habe auf einer bilder.htm Seite eine Ajax-Komponente (Tooltipp beim Mouseover) eingebaut. Die Seite t ohne Probleme, d.h. alle Tooltipps funktionieren beim Mouse-Over.

bilder.htm
Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/tr/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Homepage </title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
#Navigationsersatz { position:absolute; top:20px; left:20px }
#Seite { position:absolute; top:60px; left:200px; right:200px; z-index:1; border-style: dashed; border-width:1px }
</style>
<link rel="stylesheet" href="../css/formate.css" type="text/css">
<script src="../js/navigation.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/tooltipp.js"></script>
</head>
<body onLoad="Init()">
<div id="Tooltipp"></div>
<div id="Navigationsersatz">
<noscript>
<a href="navigationsframe.htm" target="_blank"><b>Navigation</b></a>
</noscript>
</div>
<div id="Seite" onClick="Menue_zuruecksetzen()">

<p>Bilder der kleinen Tara
<br />
Wir haben <dfn onMouseover="Tipp(0)">Tara</dfn> <dfn onMouseover="Tipp(1)">Aponi</dfn> <dfn onMouseover="Tipp(2)">Magdalena</dfn> <dfn onMouseover="Tipp(3)">Brandl</dfn> schon gesehen und in den Armen gehalten. Es ist ein Wunder ...
</p>

<br /><br />
<table align="center" border="0" cellpadding="3" cellspacing="3">
<tr>
<td>
<p><img src="../img/inside/bild01.jpg" id="Bild" name="Bild" width="600" height="450" border="0" alt="Anzeigebereich f&uuml;r die Bilder" style="filter:revealTrans(Duration=2.4,Transition=10)"></p>
<p><a class="image" href="javascript:prev()"><b>&lt;- zur&uuml;ck</b></a> <a class="image" href="javascript:next()"><b>weiter -&gt;</b></a></p>
</td>
</tr>
</table>


</div>
</body>
</html>

Und den Teil der OnMouseOver-Tipps: (tooltipp.js)
Code: 
var TippHTML = new Array ();
var TippEndeHTML = "<a class=\"tooltipplink\" href=\"javascript:Tippende()\"><b>Fenster schlie&szlig;en</b></a>";

TippHTML[0]  = "<p class=\"tooltipp\">Test</p>";
TippHTML[0] += "<p class=\"tooltipp\">" + TippEndeHTML + "</p>";
TippHTML[1]  = "<p class=\"tooltipp\">Tets</p>";
TippHTML[1] += "<p class=\"tooltipp\">" + TippEndeHTML + "</p>";
TippHTML[2]  = "<p class=\"tooltipp\">Test</p>";
TippHTML[2] += "<p class=\"tooltipp\">" + TippEndeHTML + "</p>";
TippHTML[3]  = "<p class=\"tooltipp\">Tets/p>";
TippHTML[3] += "<p class=\"tooltipp\">" + TippEndeHTML + "</p>";
TippHTML[4]  = "<p class=\"tooltipp\">test</p>";
TippHTML[4] += "<p class=\"tooltipp\">" + TippEndeHTML + "</p>";


function Tipp(i) {
 if(! document.getElementById) return;
 document.getElementsByTagName("dfn")[i].style.cursor = "help";
 var x = document.getElementsByTagName("dfn")[i].offsetLeft;
 var y = document.getElementsByTagName("dfn")[i].offsetTop;
 document.getElementById("Tooltipp").innerHTML = TippHTML[i];
 document.getElementById("Tooltipp").style.left = (x + 40) + "px";
 document.getElementById("Tooltipp").style.top = (y + 80) + "px";
 document.getElementById("Tooltipp").style.width = "250px";
 document.getElementById("Tooltipp").style.display = "block";
}

function Tippende() {
 if(! document.getElementById) return;
 document.getElementById("Tooltipp").style.display = "none";
 document.getElementById("Tooltipp").innerHTML = "";
}


Wenn ich die Tooltipps auf einer PHP Seite einbinden will, bekomme ich den Tooltipp zB. unter Projekte wenn ich mit der Mouse drüberfahre nicht zu sehen. Weiß hier jmd. Rat. Im Prinzip, ist der Inhalt der PHP-Seite doch identisch mit dem Inhalt der bilder.htm Seite, oder?
matze_proj.php:
PHP: 
<?php
  echo '<?xml version="1.0" encoding="iso-8859-1"?>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/tr/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Homepage</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
#Navigationsersatz { position:absolute; top:20px; left:20px }
#Seite { position:absolute; top:60px; left:200px; right:200px; z-index:1; border-style: dashed; border-width:1px }
</style>
<link rel="stylesheet" href="../css/formate.css" type="text/css">
<script src="../js/navigation.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/tooltipp.js"></script>
</head>
<body onLoad="Init()">
<div id="Tooltipp"></div>
<div id="Navigationsersatz">
<noscript>
<a href="sites/navigationsframe.htm" target="_blank"><b>Navigation</b></a>
</noscript>
</div>
<div id="Seite" onClick="Menue_zuruecksetzen()">


<p>
<?php
  matze_project();
?>
<dfn onMouseover="Tipp(3)">Projekte</dfn>
</p>

</div>
</body>
</html>



<?php
// ##########################################################################################################


function matze_project(){
//Datenbank-Verbindung aufbauen 
include("dbconnect.php"); 

$projects = "SELECT * FROM projects ORDER BY id"; 
$ergebnis = mysql_query($projects); 
?>


<p>W&auml;hrend meines Studiums wurden einige <dfn onMouseover="Tipp(4)">Projekte</dfn> bearbeitet. Hier sind einige aufgelistet:<br /><br />



<?php 
 while($row = mysql_fetch_object($ergebnis)) { 
  if($row->who == m){ 
    if(isset($row->img)){ 
} else { 
  echo '&nbsp;'; 
} 
  echo ''.$row->description.''; 
  echo ''.$row->cat.''; 
if(isset($row->link)){ 
  echo '&nbsp;<a href="http://'.$row->link.'" target="_blank">'.$row->link.'</a>'; 
} 
else
  { echo '&nbsp;'; } 
} 
} 

}
?>

Weiß jmd. einen Rat. Ich bin für jeden Tipp dankbar ;-)

Gruß
Matze
 
Zuletzt bearbeitet:
Hi,

also nicht offensichtlich. Der Firefox 2.0.0.1 sagt die Seite ist fertig geladen (ohne Fehler). Wenn ich aber mit der Mouse über den Tooltip-Link fahre -> passiert gar nichts. Der Mouse-Zeiger nimmt auch keine andere Form an.

Danke erstmal für die schnelle Antwort ;-)

Gruß
Matze

PS: Hoppla, wenn ich mit dem Tooltipp(0) anfange auf der Seite (logische Reihenfolge) , realisiert er die Umsetzung. ich denke das hat etwas mit der Reihenfolge (Aufrufparameter) zu tun.
 
Zuletzt bearbeitet:
Der Firefox zeigt die Javascriptfehler anderst an als der Internet Explorer.

Oben in der Navigationsleiste Tools -> Error Console

Da findest du alle. Am besten clearst du die Console und machst dann die aktionen die nicht funktionieren.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück