Avatar billede jr40 Nybegynder
21. marts 2004 - 21:27 Der er 41 kommentarer og
1 løsning

billed mouseover i statusbaren

Jeg søger et script, så når man føre musen hen over et billed, så kommer kun billed navnet det i status baren.

Normalt ser man:

http://www.eksperten.dk/images/billednavn.jpg

Men vil gerne have det det bare er selv .jpg der bliver vist,, hvis det er muligt med et simpel javascript.?

Håber virke der er nogle der ude som vil hjælpe.
Avatar billede jr40 Nybegynder
21. marts 2004 - 21:29 #1
Fuck med stave fejl!!,, jeg prøver igen

Jeg søger et script, så når man føre musen hen over et billed, så kommer kun billed navnet det i status baren.

Normalt ser man:

http://www.eksperten.dk/images/billednavn.jpg

Men vil gerne have det, så det er selve .jpg der bliver vist. Hvis det er muligt med et simpel javascript.?

Håber virkelig der er nogle, der ude som vil hjælpe.
Avatar billede roenving Novice
21. marts 2004 - 21:33 #2
onmouseover="f=this.src.split('/');window.status=f[f.length-1];return true;"
Avatar billede schaefner Juniormester
21. marts 2004 - 21:34 #3
onmouseover="window.status=this.src.substr(this.src.lastIndexOf('/')+1); return true;"
Avatar billede roenving Novice
21. marts 2004 - 21:38 #4
>>schaefner

-- og du skulle absolut komme vestfra, sikkert fordi jeg startede østfra !-)

(PS. Jeg skal nok hente dig, hvis det er mus vi bruger næste gang *lol*)
Avatar billede mikoalngelo Nybegynder
21. marts 2004 - 21:39 #5
burde det ikke være lastIndexOf('.')..........

Når nu han gerne bare vil have extension-en, og ikke hele billednavnet.
eg spørger som amatør...
;)
Avatar billede schaefner Juniormester
21. marts 2004 - 21:41 #6
mikoalngelo >> Jo, men han snakker også om billednavnet, så jeg ved ikke præcis hvad han vil.
Avatar billede jr40 Nybegynder
21. marts 2004 - 21:44 #7
roenving>>>den kommer med fejl, når man føre musen hen over billederne??

Ja det er selv kun billednavn jeg vil have vist i status baren, og ikke også .jpg som jeg har skrevet øverst.
Avatar billede jr40 Nybegynder
21. marts 2004 - 21:45 #8
den skriver fejl i this.src
Avatar billede schaefner Juniormester
21. marts 2004 - 21:49 #9
<img src="http://exp.dk/img/elogo.png" onmouseover="window.status=this.src.substr(this.src.lastIndexOf('/')+1); return true;"
Avatar billede schaefner Juniormester
21. marts 2004 - 21:49 #10
hov, der manglede lige en >
Avatar billede jr40 Nybegynder
21. marts 2004 - 21:50 #11
Ahh glemte af sige, af det skal være for alle billeder på hele siden, så jeg ikke skal skrive det, ved hver enkelt billed, da jeg nemlig bruger et asp billed system.  :-)
Avatar billede roenving Novice
21. marts 2004 - 21:55 #12
Så skal du jo flytte selve koden over i en funktion, men foreløbig forstår jeg ikke din fejl, for det virker upåklageligt for mig !-)

<img src="../billede.jpg" onmouseover="f=this.src.split('/');window.status=f[f.length-1];return true;" onmouseout="window.status='';">
Avatar billede jr40 Nybegynder
21. marts 2004 - 21:57 #13
roenving>> det er rigtigt, ¨så virker det!
jeg satte den ind i body´en før, også var det, af den fuckede...

Men damn jeg er ikke god til javascript,, så dunno how to make that stupid funktion,...

maybe i kan hjælpe?
Avatar billede roenving Novice
21. marts 2004 - 22:00 #14
Hvordan er dine billeder ?-)

Allesammen .jpg'er ?o]

Og (/eller !-) er der nogen filnavne som evt. indeholder . andre steder ?-)

<script type="text/javascript">
function winStatus(img){
  var f = img.src.split('/');
  window.status = f[f.length-1].split(".")[0];
  return true;
}
</script>

og så:

<img src="../billede.jpg" onmouseover="winStatus(this);" onmouseout="window.status='';">
Avatar billede jr40 Nybegynder
21. marts 2004 - 22:03 #15
der er ikke . andre steder i filnavene, men _

--
og så:

<img src="../billede.jpg" onmouseover="winStatus(this);" onmouseout="window.status='';">
--

Skal jeg så stadigvæk lave en img src for hvert billed på siden??

hvis ja, så vil jeg helst undgå dette, da mit billed system tar og viser alle billederne der er i ens mappe.
Avatar billede jr40 Nybegynder
21. marts 2004 - 22:04 #16
jo alle .jpg
Avatar billede jr40 Nybegynder
21. marts 2004 - 22:06 #17
Så hvis du kan lave det funktions script sådan, så den tar alle img src på siden, uden af man selv skal skrive hver enkel img src fil.
Avatar billede roenving Novice
21. marts 2004 - 22:12 #18
Du udskriver bare dine billeder og tilføjer onmouseoveren, når du udskriver dem:

Response.Write("<img src='"&rs("billede")&"' onmouseover='winStatus(this);' onmouseout='window.status=\'\';'>")
Avatar billede jr40 Nybegynder
21. marts 2004 - 22:19 #19
Hmm hvordan vil du tilføje den mouse over her:

response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
            "<a href="""& image_directory &"/"& Image_Array(I) &""" target=""_blank"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;;height:"& image_height &"px;"" />" &_
Avatar billede roenving Novice
21. marts 2004 - 22:35 #20
response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
            "<a href="""& image_directory &"/"& Image_Array(I) &" target=""_blank"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;;height:"& image_height &"px;""  onmouseover='winStatus(this);' onmouseout='window.status=\'\';' />" &_
Avatar billede roenving Novice
21. marts 2004 - 22:36 #21
Du har forøvrigt en dobbelt ;; det er bare overflødig støj -- fjern den ene ...
Avatar billede jr40 Nybegynder
21. marts 2004 - 22:38 #22
Nu smider den bare en masse fejl op.
Tror det er den funktion ik?

(Maybe du er på icq/msn, så jeg lige kan skrive til dig der, så vi kunne få klaret dettet her asap. ;)
Avatar billede roenving Novice
21. marts 2004 - 22:48 #23
Tror ikke lige det er funktionen, men prøv lige dette, og vis så, hvordan det ser ud, når asp'en har haft fat i det (Vis Kilde i browseren !-)

response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
            "<a href="""& image_directory &"/"& Image_Array(I) &" target=""_blank"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status="""""";"" />" &_
Avatar billede jr40 Nybegynder
21. marts 2004 - 22:52 #24
stadigvæk det samme desværre, men sådan her ser kilde koden ud, efter jeg har klikket nej nej nej osv, til de fejl.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Basketkort . macpack . dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK media=all href="style.css"
type=text/css rel=stylesheet>

<script type="text/javascript">
function winStatus(img){
  var f = img.src.split('/');
  window.status = f[f.length-1].split(".")[0];
  return true;
}
</script>

</head>

<body>
<div align="center">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <table width="800" border="0">
    <tr>
      <td><img src="images/top.gif" width="800" height="127"></td>
    </tr>
  </table>
  <table width="800" height="211" border="0" align="center" cellpadding="0" cellspacing="0" style="border: 1px solid #000000;">
    <tr valign="top">
      <td><div align="left">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="60">
          <param name="movie" value="menu01.swf">
          <param name="quality" value="high">
          <embed src="menu01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="60"></embed>
        </object>
      </div>        <div align="left"></div></td>
    </tr>
    <tr valign="top">
      <td width="884" height="135" bordercolor="#CCCCCC">
        <div align="center">
          <table style="width:100%;">
<tr>
<td style="width:16%;text-align:center;"><a href="images/test/1_back.jpg target="_blank"><img src="images/test/1_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/1_front.jpg target="_blank"><img src="images/test/1_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/2_back.jpg target="_blank"><img src="images/test/2_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/2_front.jpg target="_blank"><img src="images/test/2_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/3_back.jpg target="_blank"><img src="images/test/3_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/3_front.jpg target="_blank"><img src="images/test/3_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
</tr>
<tr>
<td style="width:16%;text-align:center;"><a href="images/test/4_back.jpg target="_blank"><img src="images/test/4_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/4_front.jpg target="_blank"><img src="images/test/4_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/5_back.jpg target="_blank"><img src="images/test/5_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/5_front.jpg target="_blank"><img src="images/test/5_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/6_back.jpg target="_blank"><img src="images/test/6_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/6_front.jpg target="_blank"><img src="images/test/6_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
</tr>
<tr>
<td style="width:16%;text-align:center;"><a href="images/test/7_back.jpg target="_blank"><img src="images/test/7_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/7_front.jpg target="_blank"><img src="images/test/7_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/8_back.jpg target="_blank"><img src="images/test/8_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/8_front.jpg target="_blank"><img src="images/test/8_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/9_back.jpg target="_blank"><img src="images/test/9_back.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
<td style="width:16%;text-align:center;"><a href="images/test/9_front.jpg target="_blank"><img src="images/test/9_front.jpg" border="0" style="width:100px;;height:144px;"  onmouseover="winStatus(this);" onmouseout="window.status=""";" /></td>
</tr>
</tr>
<tr>
<td colspan="6" style="width:100%;text-align:center;">
[1] </td>
</tr>
</table>

        </div></td></tr>
    <tr valign="top">
      <td height="14" bordercolor="#CCCCCC"> <div align="center" class="style1"><a href="#" target="_blank" class="style1">Copyright &copy; 2004 - Andr&eacute; Christensen </a></div></td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>
Avatar billede roenving Novice
21. marts 2004 - 23:07 #25
response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
            "<a href="""& image_directory &"/"& Image_Array(I) &" target=""_blank"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" />" &_

-- skulle lige se det for at kunne overskue den, men sådan burde den klare sig !-)
Avatar billede roenving Novice
21. marts 2004 - 23:08 #26
-- og hvis den stadig kommer med fejlmeldinger, så fortæl hvad de siger !-)
Avatar billede jr40 Nybegynder
21. marts 2004 - 23:15 #27
Ja det var meget bedre, ingen fejl dog se:
http://www.andre.aklausen.dk/basket/test.asp

mangler bare af selve filnavnet kun bliver vist i status baren
Avatar billede roenving Novice
21. marts 2004 - 23:31 #28
<td style="width:16%;text-align:center;"><a href="images/test/1_back.jpg target="_blank><img src="images/test/1_back.jpg" border="0" style="width:100px;height:144px;" onmouseover="winStatus(this);" onmouseout="window.status='';" /></td>


Fjern den <a>-tag, hvad skal du bruge den til ?-)

response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" />" &_

-- og som du kan se var der også en fejl på den ...

Hvis du skal linke, kan vi da gøre det direkte fra billedet !-)
Avatar billede roenving Novice
21. marts 2004 - 23:32 #29
-- og vil du bibeholde den, skal du:

response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
            "<a href="""& image_directory &"/"& Image_Array(I) &""" target=""_blank"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" /></a>" &_
Avatar billede jr40 Nybegynder
21. marts 2004 - 23:44 #30
Når jeg prøver med denne her:
response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" />" &_

Så viser den, med billed names i status baren som den skal, men så dur linkene bare ikke..

og når jeg prøver:
response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
            "<a href="""& image_directory &"/"& Image_Array(I) &" target=""_blank"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" /></a>" &_

Så gør den det samme som før..
Avatar billede roenving Novice
22. marts 2004 - 00:27 #31
response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" onclick=""location.href='this.src'"" />" &_


-- det er godt vanskeligt at finde rundt i antallet af gnyffer ...
Avatar billede grunken Nybegynder
22. marts 2004 - 00:50 #32
onmouseover=""return winStatus(this);""

hvis roenvings funktion skal bruges!
Avatar billede roenving Novice
22. marts 2004 - 00:57 #33
Tak, Nick ...

Ja, sådan er det, når fokus mistes pga. andre problemer !-)
Avatar billede grunken Nybegynder
22. marts 2004 - 01:11 #34
kender det kun ALT for godt selv Jes :o)
Avatar billede jr40 Nybegynder
22. marts 2004 - 11:24 #35
guys den er der næsten,, prøv af se:
http://www.andre.aklausen.dk/basket/test.asp
Avatar billede jr40 Nybegynder
22. marts 2004 - 11:30 #36
plus onmouseover=""return winStatus(this);"" har jeg smidt i bodyen, da jeg mener det var, der den skulle hen af. ;)
Avatar billede roenving Novice
22. marts 2004 - 21:02 #37
-- og så virker det !-)

I hvert fald i de to browsere, jeg prøvede med ...

-- velbekomme '-)
Avatar billede jr40 Nybegynder
22. marts 2004 - 22:08 #38
Ja men når du klikker på et billed, så, kan den ikke finde noget billed, da alle sammen linker til:
http://www.andre.aklausen.dk/basket/this.src
Avatar billede roenving Novice
22. marts 2004 - 22:10 #39
response.write "<td style=""width:"& td_width &"%;text-align:center;"">" &_
                "<img src="""& image_directory &"/"& Image_Array(I) &""" border=""0"" style=""width:"& image_width &"px;height:"& image_height &"px;""  onmouseover=""winStatus(this);"" onmouseout=""window.status='';"" onclick=""location.href=this.src"" />" &_
Avatar billede jr40 Nybegynder
22. marts 2004 - 23:21 #40
Det må jeg sige!!! Du kan dit kram roenving.
Avatar billede jr40 Nybegynder
22. marts 2004 - 23:27 #41
roenving>>>Jeg har lavet et nyt spam, som vedrøre dette site her, men ville ikke høre om du også ville klare det her, da der ikke ville være nok point til begge spams her inde. Så det jeg siger er, af hvis du har tid, så må du meget gerne deltage i:
http://www.eksperten.dk/spm/480678
Avatar billede roenving Novice
10. april 2004 - 16:52 #42
-- tak for points ;~}
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