Avatar billede hist Praktikant
19. november 2016 - 19:24 Der er 4 kommentarer

mouse over vis billede

jeg bruger det her java script til at vise billede når der er mouse over men har et lille problem med at få den til at vise mere end et eller det samme billede, den skulle gerne vise et billede for hver linje den skriver.

#Style {
    position: fixed;
        right:200;
        bottom:100;
visibility:hidden;
border:solid 1px #CCC;
padding:5px;}

<script language="Javascript">
<!--
function ShowPicture(id,Source) {
if (Source=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (Source=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
//-->
</script>

$SearchRows .= "<tr bgcolor=$col>\n\t
            <td><a href=\"info.php?id=$a1[ProductID]\" onMouseOver=\"ShowPicture('Style',1)\" onMouseOut=\"ShowPicture('Style',0)\">$a1[ProductName]</a>
<div id=\"Style\"><img src=\"images/$billede\" width=\"300\" height=\"300\"></div></td>\n\t
            <td><a class=BlueLink  href=\"search.php?c=$a1[CategoryID]\">$a1[CategoryName]</a></td>\n\t
            <td>$DatePosted</td>\n\t
            <td>$image</td>\n
        </tr>\n\n";

og den sidder i en
while($a1 = mysql_fetch_array($r1))
    {
        $billede = $a1[images];

løkke
Avatar billede olsensweb.dk Ekspert
19. november 2016 - 19:58 #1
får du nogle fejl ??
hvis ja hvilke ??
du kan se dine JS fejl i dit udviklings værktøj i din browser

hvorfor anvender du stadig det gamle mysql API ??, det er fjernet i PHP7
ref http://php.net/mysql_fetch_array
citat
Warning
This extension was deprecated in PHP 5.5.0, and it was removed in PHP 7.0.0.
Instead, the MySQLi or PDO_MySQL extension should be used. See also MySQL: choosing an API guide and related FAQ for more information.
/citat

>$SearchRows .= "<tr bgcolor=$col>\n\t
bliver $SearchRows nul stille før din while loop ??

lav en online demo, og kom med et link
Avatar billede hist Praktikant
26. november 2016 - 09:49 #2
Ved godt det er noget gammelt kode og burte også lave det om.
Den kommer ikke med fejl den viser bare kun det første billede på alle linjerne selvom den udskriver det rigtige billede i kildekoden.
Jeg kan lave et eksempel senere eller en gang i morgen
Avatar billede hist Praktikant
27. november 2016 - 14:49 #3
Avatar billede Zochko Juniormester
28. januar 2017 - 22:35 #4
Hej Hist :)

Først og fremmest er et ID unikt, altså noget du tilføjet et html element for at være sikker på, at når der refereres til dette ID så er det 100% sikkert at du rammer det rigtige element :)
Nå men ihvertfald kan jeg se at du i din JS metode/funktion efterspørger et id
function ShowPicture(id,Source)

Det er også helt fint, problemet er bare at du giver alle dine <a> wrappers et id="Style".

Det der så vil ske er at det første element som din funktion møder med dette id vil blive taget i betragtning.

Derfor ville jeg ændre lidt her:
<div id=\"Style\"><img src=\"images/$billede\" width=\"300\" height=\"300\"></div>

Og lave dit ID unikt, en hurtig møde kunne være at tage det id du i forvejen bruger til at sortere varen.

<div id=\"Style_' . $a1[ProductID] . '\"><img src=\"images/$billede\" width=\"300\" height=\"300\"></div>

Og hvor du så kalder din funktion:
onMouseOver=\"ShowPicture("Style_' . $a1[ProductID] . ' ",1)
onMouseOut=\"ShowPicture("Style_' . $a1[ProductID] . ' ",0)

Der sker en masse escapes undervejs, det må du selv lige finde rundt i :) så hvis det ikke lige virker "OutOfTheBox" så er det nok noget syntax.

Håber det hjælper dig :)
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