Avatar billede haabert Nybegynder
07. december 2005 - 21:07 Der er 20 kommentarer og
1 løsning

Javascript virker i Stone's interne browser (onmouseover)

Jeg har bikset lidt javascriptkode sammen. Måske har du en smartere måde, at skrive det på, men det jeg har lavet virker upåklageligt i Stone's Webwriters interne browser, men når det kommer på nettet dur det ikke. Her er lidt kode, og så håber jeg, der er nogle som vil hjælpe mig lidt:-)
Tjek evt. www.madsht.dk først!

1.)    <img src="menu_profil.jpg" name="billede">
   
<!-- 1.) Her skal er der er billede som skal skifte afhængigt af om musen føres over forskellige billeder, i mit tilfælde en menubar -- >


2.)    <img src="fp_sdw.jpg" border="0" align="bottom" alt="" onmouseover="java script:document.billede.src='menu_profil.jpg'";this.src='fp_sdw.jpg'" onmouseout="java script:document.billede.src='menu_profil.jpg';this.src='fp_sdw.jpg'">

<!-- Onmouseoverkode som skal 2 ting: 1. Skifte det billede, som musen føres over med et nyt. 2. Den skal skifte billedet fra linie 1.
Avatar billede psykochicken Nybegynder
07. december 2005 - 23:18 #1
Du kunne prøve noget i stil med:

<script type="text/javascript">
function skift(elm,pic,tekst){
  elm.src = pic;
  document.getElementById('billede').src = tekst;
}
</script>

<img src="menu_profil.jpg" name="billede" id="billede">

og så:
<img src="fp_sdw.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'billede1.jpg','tekst1.jpg');" onmouseout="skift(this,'fp_sdw.jpg','menu_profil.jpg');"
<img src="paere1.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'billede2.jpg','tekst2.jpg');" onmouseout="skift(this,'fp_sdw.jpg','menu_profil.jpg');"
...osv

/psc
Avatar billede johan.o Nybegynder
07. december 2005 - 23:19 #2
Med hensyn til 2.) så har du et " for meget. Slet det " der er efter menu_profil.jpg' så tror jeg den er iorden.

Med hensyn til det andet så prøver jeg lige at læse igen og se om jeg kan regne ud hvad du mener :)

Mvh. Johan
Avatar billede psykochicken Nybegynder
07. december 2005 - 23:20 #3
..og sidste onmouseout skal selfølgelig være...= "skift(this,'paere1.jpg','menu_profil.jpg');"
Avatar billede haabert Nybegynder
08. december 2005 - 19:19 #4
Hey begge to. Nu har jeg prøvet begge dele, som I siger, og I kan tjekke www.madsht.dk og se kilden... Jeg forstår simpelthen ikke, hvad der er galt. Er der andre løsninger? Og ja, jeg har uploadet de billedfiler, som skal vises:-)
Avatar billede johan.o Nybegynder
08. december 2005 - 19:42 #5
Kan du ikke lige vise de eller det billede du vil have til at dække menuen når man laver mouseover :) Du kan bare sætte dem ind under menuen.

Mvh. Johan
Avatar billede haabert Nybegynder
08. december 2005 - 19:58 #6
Så, nu ligger de på siden!!
Avatar billede johan.o Nybegynder
08. december 2005 - 21:18 #7
Ja, okay og så for at jeg også forstår meningen :) så skal disse billeder altså komme frem OVENPÅ menuen når musen føres over de forskellige billeder....ikke ? :)

Mvh. Johan
Avatar billede haabert Nybegynder
08. december 2005 - 21:54 #8
Jo de skal komme der, hvor der altså ikke vises noget billede... Profil hører til fingeraftrykket og kompetencer til pæren.
Avatar billede johan.o Nybegynder
08. december 2005 - 22:10 #9
Øhm, hvad mener du 'der hvor der ikke vises noget billede' ?
Avatar billede johan.o Nybegynder
08. december 2005 - 22:11 #10
Skal billederne DÆKKE menuen eller skal de stå ovenover, altså uden at dække, menuen ?
Avatar billede johan.o Nybegynder
08. december 2005 - 22:17 #11
Ja okay nu tror jeg at jeg kan se hvad du vil i din originale kode hvad med dette :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>default</title>
<meta name="Generator" content="Stone's WebWriter 4">
</head>

<script type="text/javascript">
function skift(elm,pic,tekst){
  elm.src = pic;
  document.getElementById('billede').src = tekst;
}
</script>

<body>

<table width="100%" height="800" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td align="center">

<table height="510" border="0" cellspacing="0" cellpadding="0" style="border-style:solid;border-width:1px;border-color:#C8C8C8;">
<tr height="60">
    <td></td>
    <td valign="bottom" colspan="5" width="40"><img src="" id="billede"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr height="90">
    <td width="40"></td>
    <td width="80"><img src="fp.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'fp_sdw.jpg','Menu_profil.jpg');" onmouseout="skift(this,'fp.jpg','');"></td>
    <td width="80"><a href="kompetencer.htm"><img src="paere1.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'paere1_sdw.jpg','menu_kompetencer.jpg');" onmouseout="skift(this,'paere1.jpg','menu_profil.jpg');"></a></td>
    <td width="80"><a href="cv.htm"><img src="fyldepen.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'fyldepen_sdw.jpg','menu_kompetencer.jpg');" onmouseout="skift(this,'fyldepen.jpg','menu_profil.jpg');"></a></td>
    <td width="80"><a href="projekter.htm"><img src="projekt.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'projekt_sdw.jpg','menu_projekter.jpg');" onmouseout="skift(this,'projekt.jpg','menu_profil.jpg');"></a></td>
    <td width="80"><a href="kontakt.htm"><img src="kontakt.jpg" border="0" align="bottom" alt="" onmouseover="skift(this,'kontakt_sdw.jpg','menu_kontakt.jpg');" onmouseout="skift(this,'kontakt.jpg','menu_profil.jpg');"></a></td>
    <td width="420"></td>
   
</tr>
<tr>
    <td height="470" valign="top" colspan="7" align="left">

<table border="0" cellspacing="10" style="font-family:verdana;font-size:x-small;word-spacing:1px;">
<tr>
    <td width="100"></td>
    <td width="300">

Når musen føres over billederne i menuen, skal der komme en tekst (en billedfil) frem over menuen.sfdsdfsdfsdf

<p>

<img src="Menu_profil.jpg" border="0" width="89" height="35" align="bottom" alt=""><br>
<img src="Menu_kompetencer.jpg" border="0" width="197" height="35" align="bottom" alt="">

</td>
    <td width="25"></td>
    <td valign="top" width="300"></td>
</tr>
</table>


        </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>


</table>


    </td>
</tr>



</table>





</body>
</html>

Du skal lige ændrer de følgende mouseover og mouseout til.

Mvh. Johan
Avatar billede haabert Nybegynder
08. december 2005 - 23:00 #12
Hmm, det dur vist ikke rigtigt. Linien - <td valign="bottom" colspan="5" width="40"><img src="" id="billede"></td> - skulle gerne vise den billedfil, som hører til hver side. Der skal fx stå profil, når man er på profilen, og kompetencer, når man har klikket sig ind på den side.
Avatar billede haabert Nybegynder
08. december 2005 - 23:03 #13
Men HEYYY... det virker faktisk delvist, når man lægger det på nettet, så skal jeg bare lige have ovenstående fikset. Hmm
Avatar billede haabert Nybegynder
08. december 2005 - 23:09 #14
Yes, ok hvis du kigger ind på siden nu, er der ikke vist noget billede, når man kommer ind på siden, og det vil jeg gerne have. Men ellers virker det, når man fører musen over fingeraftrykket.
Avatar billede haabert Nybegynder
08. december 2005 - 23:25 #15
SÅ virker det bare!! Tak for hjælpen endnu engang.
Avatar billede johan.o Nybegynder
08. december 2005 - 23:59 #16
Jamen det ser jo cool ud - jeg melder pas på point, bare stik puljen til psyckochicken, det var der du fik ledetrådene.

Mvh. Johan
Avatar billede haabert Nybegynder
09. december 2005 - 00:15 #17
Ok. Det er et genialt godt sted der her. Det er rigtig god hjlælp I giver alle sammen!
Avatar billede haabert Nybegynder
09. december 2005 - 00:17 #18
Jeg ved ikke lige hvordan man giver de point til psychochicken...
Avatar billede johan.o Nybegynder
09. december 2005 - 00:26 #19
Du beder psyckochicken smide et svar, og derefter kan du accepterer dette svar på samme måde som du lige har accepteret dit eget svar :)
Avatar billede psykochicken Nybegynder
09. december 2005 - 00:51 #20
Det er ok - behold bare pointene.
Til en anden gang, så er 200 point også alt for meget.
Følg vejledningen hvor du opretter spørgsmålene:
let spørgsmål: 15 point, medium: 30 point og svær: 60 point.

Hvis spørgsmålet var til 200 point havde jeg formodentligt slet ikke kunnet hjælpe ;o)

/psc
Avatar billede haabert Nybegynder
09. december 2005 - 19:03 #21
Ok, men jeg har bare over 4000 points, så jeg tænkte, at jeg bare skulle have have det her løst, og så måtte der jo nogle points på bordet...
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