✔ Bei Mouseover Infotext aus der Datenbank laden!!

D-LuX

D-LuX

Erfahrenes Mitglied
Halloooo ;)

Also folgendes Szenario:

Auf einer Seite soll nach Mouseover via CSS (hab ich bereits alles fertig) ein Infotext angezeigt werden.
Diesen Infotext habe ich bisher in der html-Datei verfasst, möchte diesen aber nun aus der angelegten Datenbank einlesen und dort in der vorgesehenen Infobox ausgeben!

Verständlich?

Danke schonmal!
 
Zuletzt bearbeitet:
Das kannst Du gut mit javscript, mysql und php lösen:

Code: 
<html>
<head>
<script language="javascript" type="text/javascript">
<!--
var mysqlVar = "";

function setVar(myvar) {
  mysqlVar = myvar;
}
//-->
</script>
</head>

<body>
<?php
$SQL = "SELECT name FROM mytable LIMIT 1";
$res = mysql_query($SQL);
$ret = mysql_fetch_array($res);
echo "<a href=\"seite.php\" onmouseover=\"setVar('".$ret['name']."')\">Linktext</a>\n";
?>
</body>
</html>

Damit setzt Du die JS-Variable mysqlVar auf den Wert der aus der SQL-Tabelle kommt.
Was Du danach damit machst, ist Dir überlassen :D

LG
Andy
 
kaum zu glauben, aber ich hab´s geschafft ohne Hilfe :D

CSS und PHP ..kein javascript! danke ;)
 
Ich habe einfach die benötigten Daten in die Db geschrieben!

<div id="content">
Der <a class="maus" href="#">Hund
<div class="katze"><?php echo "$beschreibung"; ?></div></a>
frisst sein<a class="maus" href="#"> Futter!
<div class="katze"><?php echo "$beschreibung1"; ?></div></a>
</div>

Und dann die jeweiligen Infos aus der Datenbank abgefragt und in folgende Variablen gespeichert! ($beschreibung) und ($beschreibung1)
Diese habe ich dann einfach per echo an der benötigten Stelle, also in der Infobox ausgegeben!

Fertig :)

Schönes Wochenende, hab gleich Feierabend!
 
Ähhh ... jaaaaa ...

sorry, aber das ist eine stink normale Ausgabe von Daten in einem HTML-Dokument,
was war da jetzt so schwer oder besonders dran ? Was machst Du sonst mit PHP,
wenn Du keine dynamischen Inhalte ausgibst ? *staun ... kopfkratz*

LG
 
Das ist meine CSS Datei ...

Code: 
body {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
background-color: #ffffff;
}

#content {
width:200px;
background-color: #99cc00;
}

.maus {
position: relative;
text-decoration: none;
color: #000000;
}

.katze {
display: none;
}

.maus:hover .katze {
display: block;
width: 150px;
padding: 6px;
background-color: #ffffff;
border: 1px #000000 solid;
font-size: 14px;
position: absolute;
left: 32px;
top: -28px;
}

Und dann habe ich da noch folgenden php code..
Also wie gesagt, ich bin auch Neewbie ;)

PHP: 
$abfrage = mysql_db_query("datenbankname", "SELECT * FROM tabelle"); 		   
$ergebnis = mysql_num_rows($abfrage);
echo "$ergebnis Datensätze gefunden. <br><br>"; 
  for ($i=0; $i<$ergebnis; $i++)
  { 
  $name = mysql_result($abfrage, $i, "name");
  $beschreibung = mysql_result($abfrage, $i, "beschreibung");
  $id = $i + 1;
	
  echo "$id, $name, $beschreibung<br><br>";	 
  }		

$abfrage1 = mysql_db_query ("datenbankname", "SELECT beschreibung FROM tabelle WHERE id = 1");
$ergebnis1 = mysql_query($abfrage1);

Und hier der html Part!

HTML: 
<div id="content">
Der <a class="maus" href="#">Hund
<div class="katze"><?php echo "$beschreibung"; ?></div></a>
frisst sein<a class="maus" href="#"> Futter!
<div class="katze"><?php echo "$beschreibung1"; ?></div></a>
</div>

Schönes Wochenende ;)
 
Tja... das hat leider nix mit Dynamischen Nachladen der Seite zu tun.

Viel Spass noch und viel Erfolg

Grüße

Ecthelion
 
Ich bin halt noch ziemlich am Anfang und war recht zufrieden, dieses Problem gelöst zu haben ;)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück