Avatar billede johannielsen Nybegynder
26. december 2000 - 17:23 Der er 28 kommentarer og
1 løsning

MouseOver uden javascript!

Kan man lave MouseOver, eller RollOver eller hvad det nu hedder uden at bruge Java.

F.eks. VB, eller bare HTML?
Avatar billede tdaugaard Nybegynder
26. december 2000 - 17:26 #1
onmouseover/-out/-up/-down ER HTML. Det er normalt koden der bliver udført i en af disse events der er JavaScript. Og man kan godt lave det i VBScript, men så fatter Netcrap ikke noget af det.
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:28 #2
Ok........så Java er altså det bedste til det?

Hvorfor understøtter Netscape ikke VB? Er det bare af princip? For så vil jeg skide på det!!!
Avatar billede tdaugaard Nybegynder
26. december 2000 - 17:30 #3
JavaScript ja .. ikke Java (der er forskel)

Netscape understøtter ikke VBScript pga. det er M$ der har lavet det og ikke er en normal standard.
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:31 #4
Hvorfor laver man ikke bare i ny HTML 5.0, hvor man kan skrive <img src=\"x.gif\" onmouseover y.gif>

Det ville da klart være nemmest!!!

Men det gør de sikkert bare ikke!! øv
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:33 #5
Ok, undskyld - JavaSCRIPT var det jeg mente.
Avatar billede tdaugaard Nybegynder
26. december 2000 - 17:34 #6
hæ hæ ... ja .. det kunne være kanon smart hvis der var indbygget forskellige funktioner som f.eks.
shiftimg(\"y.gif\"), men det kommer desværre nok ikke..
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:37 #7
Hvor egentlig ikke? - det er da kun til at gøre det hele nemmere! - og hvem har ikke interesse i det?
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:38 #8
<img src=\"x.gif\" onmouseover src=\"y.gif\"> er altså nemt....og meget brugbart!!!

For jeg hader JavaScript (lidt underligt da jeg ikke har noget imod VBscript, PHP og ASP)
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:39 #9
Ok, men kan du så ikke vise hvordan man enekelst laver et JavaScript til Mouseover!
Avatar billede tdaugaard Nybegynder
26. december 2000 - 17:46 #10
Tjo ..

<img src=\"x.gif\" onmouseover=\"this.src=\'y.gif\';\" onmouseout=\"this.src=\'x.gif\';\">

det burde virke fint.

\"this\" kan bruges som en reference til det object/element man \"befinder\" sig i
Avatar billede johannielsen Nybegynder
26. december 2000 - 17:56 #11
------>tdaugaard!

Tusind milliarder tak....så kunne jo lade sig gøre! Hvorfor er det egentlig lige at alle mulige andre bruger lange JavaSCRIPTS til samme formål?
Svarer du også godt på det, vanker der flere point!
Avatar billede stigc Nybegynder
26. december 2000 - 18:02 #12
det er jo også javscript! Det kan ikke gøres uden.


onmouseover=\"\" = HTML
this.src=\'y.gif\' = javscript


Avatar billede tdaugaard Nybegynder
26. december 2000 - 18:03 #13
*S* det var så lidt :-)

Hvis det er at man har MANGE billeder der skal skifte kan det være smart at bruge en funktion i javascript således at hvis du en dag synes at du vil skifte navnet på den mappe hvori filerne ligger så skal du kun ændre det max 2 steder. På denne her måde skal du ændre det ALLE steder hvor det er brugt-
Avatar billede johannielsen Nybegynder
26. december 2000 - 18:04 #14
Ok, men jeg mente uden en masse kode i <head>
Jeg har prøvet at sætte Adope ImageReady til at lave det for mig...og det virker da! Perfekt, men koden er den mest kryptiske jeg længe har seT!

Det tdaugaard gav mig, var hvad jeg skulle bruge!
Avatar billede tdaugaard Nybegynder
26. december 2000 - 18:04 #15
stigc:> øhm .. jo .. du kan bruge VBScript ...
Avatar billede johannielsen Nybegynder
26. december 2000 - 18:06 #16
------>tdaugaard

Men hvorfor skulle man ændre sin billedmapppe? Fra images til billeder måske? Eller billeder til bil?
Avatar billede stigc Nybegynder
26. december 2000 - 18:06 #17
ok ,ok . Men ikke ren HTML
Avatar billede johannielsen Nybegynder
26. december 2000 - 18:08 #18
Jaja, for h*!
Avatar billede erikjacobsen Ekspert
26. december 2000 - 18:09 #19
En af grundene til at have \"tonsvis\" af javascript i <head> er at
hente mouseover-billederne på forhånd. Ellers er der ikke meget sjov
ved en mouseover, der først lige skal hen på serveren og hente billedet....
Avatar billede johannielsen Nybegynder
26. december 2000 - 18:21 #20
Ja, men det kommer da an på billedets størrelse!
< 10 kb = ligegyldigt!
Avatar billede stigc Nybegynder
26. december 2000 - 18:24 #21
nej det gør ej! Hvis den skal reagere med de samme, skal billeder være caschet! Lige meget om det så fylder 2 kb!
Avatar billede johannielsen Nybegynder
27. december 2000 - 00:43 #22
------>stigc
Tror man vil mærke forskel, om der går 0,000001 sec, eller 0,01 sec? Næppe. Det afhænger ganske vist af om man ejer et 14.4 modem, eller (som jeg) en 1 Mbit stofa forbindelse!

Men du har sikkert ret i at det går hurtigere, vis overelementer er hentet først!
Avatar billede stigc Nybegynder
27. december 2000 - 00:46 #23
ja man vil mærker forskellen. Det laves en ny forbindelse hver gang der hentes et billede! Det tager tid. Du kan jo selv prøve, det er ikke for sjovt man preloader et billede.....

Effekten skulle gerne komme med det samme musen køres over billedet, og ikke et halvt sekundt efter!
Avatar billede johannielsen Nybegynder
27. december 2000 - 01:00 #24
Okay, jeg har ikke set efter, men kan godt se logikken! Men med en 1 Mbit forbindelse bør man da ikke kunne mærke forskel!!! Men det har alle jo ikke! - og lidt forskel er der jo nok!!!

Avatar billede johannielsen Nybegynder
27. december 2000 - 20:42 #25
-------->
Prøv at se på http://zapera.dk
Der er der mouseover uden preloading....og det generer ikke nogen!!

kig engangen


http://zapera.dk
Avatar billede erikjacobsen Ekspert
27. december 2000 - 22:57 #26
Er det ikke bare en a.hover i et stylesheet, som ikke involverer
billeder af nogen art? Ellers har jeg vist ikke fundet det.
Avatar billede johannielsen Nybegynder
27. december 2000 - 23:52 #27
-------->erikjacobsen

Nej her er kildekoden!!!

<HTML>
<HEAD>
<TITLE>Zapera.com</TITLE>
<META content=\"text/html; charset=windows-1252\" http-equiv=Content-Type>
<LINK href=\"css/zapera.css\" rel=stylesheet type=text/css>
</HEAD>
<BODY bgColor=#000000>
<CENTER>
<table border=\"0\" width=\"746\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"1\"></td>
    <td width=\"745\">
<TABLE border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
  <TR>
    <TD bgColor=#cbcdcc borderColor=#aaacab width=726>
    </TD>
    <TD bgColor=#000000 borderColor=#000000
width=19>&nbsp;</TD></TR></TBODY></TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=745>
  <TBODY>
  <TR>
    <TD borderColor=#aaacab width=179><a href=\"default.asp\"><IMG alt=\"Start\" border=0 hspace=0
      src=\"images/00left.jpg\" width=\"179\" height=\"63\"></a></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=13><IMG border=0
      src=\"images/blank.gif\" width=\"1\" height=\"1\"></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=111>
      <TABLE border=0 cellPadding=0 cellSpacing=0 width=110>
        <TBODY>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"01000406.asp\" ONMOUSEOVER=\"window.status=\'Brancheløsninger\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Brancheløsninger</a></td></TR>
          <td width=\"100%\" height=\"15\"><a href=\"02000406.asp\" ONMOUSEOVER=\"window.status=\'Fordele\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Fordele</a></td></TR>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"03000406.asp\" ONMOUSEOVER=\"window.status=\'Produkter\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Produkter</a></td></TR>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"04000406.asp\" ONMOUSEOVER=\"window.status=\'Bestil analyse\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Bestil analyse</a></td></TR>
</TR></TBODY></TABLE></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=9><IMG border=0
      src=\"images/blank.gif\" width=\"1\" height=\"1\"></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=111>
      <TABLE border=0 cellPadding=0 cellSpacing=0 width=110>
        <TBODY>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"05000406.asp\" ONMOUSEOVER=\"window.status=\'Referencer\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Referencer</a></td></TR>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"06000406.asp\" ONMOUSEOVER=\"window.status=\'Profil\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Profil</a></td></TR>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"07000406.asp\" ONMOUSEOVER=\"window.status=\'Nyheder\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Nyheder</a></td></TR>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"08000406.asp\" ONMOUSEOVER=\"window.status=\'Job\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Job</a></td></TR>
</TBODY></TABLE></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=9><IMG border=0
      src=\"images/blank.gif\" width=\"1\" height=\"1\"></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=111>
      <TABLE border=0 cellPadding=0 cellSpacing=0 width=110>
        <TBODY>
        <TR>
          <td width=\"100%\" height=\"15\"><a href=\"09000406.asp\" ONMOUSEOVER=\"window.status=\'Panelmedlem\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Panelmedlem</a></td></TR>
        <TR>
<td width=\"100%\" height=\"15\"><a href=\"10000406.asp\" ONMOUSEOVER=\"window.status=\'Paneltilmelding\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Paneltilmelding</a></td></TR>
        <TR>
          <TD height=15 width=\"100%\"></TD></TR>
        <TR>
<td width=\"100%\" height=\"15\"><a href=\"11000406.asp\" ONMOUSEOVER=\"window.status=\'Kontakt\'\" ONMOUSEOUT=\"window.status=\'\';return true\" id=\"mainmenu\">Kontakt</a></td></TR>
</TBODY></TABLE></TD>
    <TD bgColor=#aaacab borderColor=#aaacab width=13><IMG border=0
      src=\"images/blank.gif\" width=\"1\" height=\"1\"></TD>
    <TD borderColor=#aaacab width=189><img border=\"0\" src=\"images/00right.jpg\" alt=\"Zapera.com - Zapera.com\" width=\"189\" height=\"63\"></TD>
  </TR></TBODY></TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
  <TR>
    <TD bgColor=#cbcdcc borderColor=#aaacab width=726>&nbsp;</TD>
    <TD bgColor=#000000 borderColor=#000000
width=19>&nbsp;</TD></TR></TBODY></TABLE>
<TABLE bgColor=#cbcdcc border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
  <TR>
    <TD background=images/under_back_left.gif vAlign=bottom width=179>
<P style=\"MARGIN-LEFT: 10px\">
Zapera.com A/S<br>
Kalkbrænderiløbskaj 6<br>
2100 København Ø<br>
Tlf.  +45 7027 2224<br>
Fax +45 7027 2225<br>
E-mail <a href=\"mailto:info@zapera.com\" id=bodytext>info@zapera.com</a><p>
    </TD>
    <TD background=images/under_back_right.gif vAlign=top width=436>
      <H1> </H1>
      <br>
<br>
<br>
- Zapera er Skandinaviens største uafhængige analyseinstitut, der alene benytter Internettet til informationsindsamling.<br>
<br>
- Zapera tilbyder analyser med hurtig levering – <b> ofte 4-7 dage </b>– og til konkurrencedygtige priser.<br>
<br>
- Zapera tilbyder adgang til et Danmarkspanel med over 21.000 personer, som er udgangspunktet for vore undersøgelser. Dertil kommer en række fagspecifikke paneler, som giver adgang til mere specielle målgrupper.
    </TD>
    <TD align=right vAlign=bottom width=111><A
      href=\"default.asp\"><IMG alt=\"Zapera.com Start\" border=0
      hspace=0 src=\"images/zapera_logo_small.gif\" width=\"111\" height=\"36\"></A> </TD>
    <TD bgColor=#000000 vAlign=top width=19><IMG alt=\"\" border=0 height=299
      hspace=0 src=\"images/blank.gif\" width=1>
</TD></TR></TBODY></TABLE></td>
  </tr>
</table>
</CENTER></BODY></HTML>
Avatar billede erikjacobsen Ekspert
28. december 2000 - 00:40 #28
De mouseover\'e ændrer kun statuslinien - og har ikke noget med billeder at gøre.
Avatar billede stigc Nybegynder
28. december 2000 - 11:00 #29
he, he: Ja det er et css script!
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
Kurser inden for grundlæggende programmering

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