Avatar billede kicker Nybegynder
16. februar 2007 - 18:07 Der er 3 kommentarer og
1 løsning

Skift billede

Hey..!

Jeg skal lave en liste hvor der er tekst ude til venstre, så når man holder musen over teksten, kommer det billede som passer til teksten, frem i højre side...

Jeg bruger også php i koden, og jeg kan ikke få de to kodesprog til at snakke sammen (hvis man altså kan det).

Min fil ser sådan her ud:

<html>

<head>
<script type="text/javascript">
function visElement(objekt) {
    if (document.getElementById(objekt).style.visibility=="visible") {
        document.getElementById(objekt).style.visibility ="hidden";
}
    else {
        document.getElementById(objekt).style.visibility="visible";
        }
}
</script>
</head>

<body>

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0"><tr><td width="352"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2">

<?
$hent = mysql_query("SELECT * FROM billede ORDER BY id") or die(mysql_error());
while($vis = mysql_fetch_array($hent)) {
?>

<tr>
<td>
<input type="hidden" id="sti" value="<? echo $vis[billede]; ?>"><a href="#" onmouseover="document.editor_billede.src = '../img/' + this.options[this.selectedIndex].value document.getElementById('sti').value + '.png'; visElement('view_editor'); return false;"><? echo $vis[billede]; ?></a>
</td>
</tr>
<?
}
?>
</table>
</td>   
<td>
<div id="view_editor">
<img id="editor_billede" name="editor_billede" src="../img/start_billede.png" border="0">
</script>
</div>
</td>
</tr>
</table>

_________

Når jeg bruger den kode, virker alt som det skal, hvis det ikke var fordi at den kun tager det billede som den tager først i databasen. Jeg vil gerne have det lavet (på en eller anden måde) det sådan, at når man holder musen over teksten, så viser den det billede som findes i databasen under navnet man har valgt...

// KICKER
Avatar billede woodbase Nybegynder
16. februar 2007 - 20:15 #1
<script type="text/javascript">
function setNewImage(obj){
    document.getElementById('view_editor').src = obj.src;
    }
</script>

<input type="hidden" id="sti" value="<? echo $vis[billede]; ?>" onmouseover="setNewImage(this);"><a href="#" onmouseover="document.editor_billede.src = '../img/' + this.previousSibling.value + '.png'; visElement('view_editor'); return false;"><? echo $vis[billede]; ?></a>
Avatar billede kicker Nybegynder
16. februar 2007 - 22:02 #2
Tak, den virkede :D

//KICKER
Avatar billede mclemens Nybegynder
16. februar 2007 - 22:21 #3
Hej Kicker, du er ny så kig lige ind på
http://www.expfaq.dk/ for lidt information.

For eksempel: http://www.expfaq.dk/kan_ikke_give_point#kan_ikke_give_point

Du kan oprette et nyt spørgsmål med point hvori du skriver
"Point til woodbase" og i indholdet skrive noget i stil med
"Ref: http://www.eksperten.dk/spm/763003" og så kaste
et link til det nye spørgsmål herinde ...

... Husk at bede om et svar hvis svareren ikke har lagt et
- herefter kan du tildele point til ham / hende for løsningen :o)

Velkommen på eksperten ;)
Avatar billede mclemens Nybegynder
17. februar 2007 - 16:35 #4
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester