Daten aus Datenbank holen und bei Mouseover anzeigen

D

dipree

Grünschnabel
Hallo :)

Als erstes muss ich gestehen das ich keine Ahnung hab von Ajax und nur wenig von Javascript, da ich beides bisher nicht gebraucht habe.

Jetzt habe ich allerdings für die Firma meiner Schwester eine Webseite erstellt und diese möchte auf ihrer Seite beim Überfahren eines bestimmten Link der Titel des dazugehörigen Projekts angezeigt wird.

Hier der Link zu der Webseite:
http://www.jahna.de/Reers/index.php?area=projekte&projektid=72

Es ist als Beispiel gerade ein Projekt angeklickt und der Projektname wird jetzt auch angezeigt und zwar unter den vielen Zahlen auf der linken Seite.
Meine Schwester möchte jetzt gern das sobald man mit der Maus über eine der Zahlen fährt der jeweilige Projektname unter dem Zahlenbereich angezeigt wird statt dem was jetzt angezeigt ist.
Ist das möglich?
Wenn ja, wie?

Ich benutze PHP und MySQL.

Danke schonmal im Vorraus :)
 
Versuche es mal so:
Du liest alle Daten, die angezeigt werden können, in jeweils einen <div>
und vergibst eine fortlaufende id
<div id="1">
<div id="2">
usw...
danach erstellst du halt Schalfaechen/o.ae.
<a href="#" onMouseOver="show_data(hier deine ID eintragen);">bla</a>

show_data ist eine Funktion,
das müsste dann so aussehen:
PHP: 
$look = "SELECT * FROM tablename";
$does = mysql_query($look);
$i=0;
//Schaltflaeche
while($row = mysql_fetch_array($does))
{
echo '<a href="#" onMouseOver="show_data('.$i.');" onMouseOut="hide_data('.$i.');" >'.$row[0].' Was du noch haben willst</a>';
}
$i = 0;
//Der Inhalt
while($row = mysql_fetch_array($does))
{
echo '<div id='.$i.' style="visibility:hidden">'.$row[0].' Was du noch haben willst</div>';
}
?>
<script>
function show_data(id)
{
document.getElementById(id).style.visibility = 'visible';
}
function hide_data(id)
{
document.getElementById(id).style.visibility = 'hidden';
}
</script>

Wenn das sichtbar bleiben soll,
nimm die 2. Funktion und das OnMouseOver einfach raus ;)
 
Mit PHP und MySQL liegst Du schon mal richtig.
Wenn Du Dich mit AJAX nicht gross auskennst,empfiehlt es sich, xajax zu installieren (nach dem Download entpackst Du das ganze einfach in das aktuelle webverzeichnis).

Der Aufuf mit xajax gestaltet sich relativ einfach, da Du (fast) alles via PHP machen kannst:
Code: 
<?php

function fillSelectBox() {
  $retval = "";
  $res = mysql_query("select felder FROM tabelle WHERE klauseln");
  while( $ret = mysql_fetch_array($res) ) {
    $retval .= "<option value=\"".$ret['feldname']."\">".$ret['feldname']."</option>";
  }
  $resp = new xajaxResponse;
  $resp->addAssign("select1", "innerHTML", $retval);
  return $resp;
}

// XAJAX Initialisieren
include_once('xajax/xajax_core/xajax.inc.php');
$xajax = new xajax();
// PHP-Funktion registrieren
$xajax->registerFunction("fillSelectBox");
$xajax->processRequests();

?>
<html>
<head>
<?php
// Javascript von xajax ausgeben lassen
$xajax->printJavascript("xajax");
?>
</head>
<body>
<select name="select1">
</select>
<!-- Bei mouse-Klick Box füllen,
das vorgestellte "xajax_" ruft im Wrapper die PHP-Funktion auf
-->
<input type="submit" value="f&uuml;ll Selectbox" onclick="xajax_fillSelectBox()">
</body>
</html>

Hoffe, ich konnte helfen

LG
Andy
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück