mouse over border - Softwareontwikkeling

dinsdag 18 december 2001 22:49

Acties:

Verwijderd

Topicstarter

noob javascript vraagje
Probleem is het volgende,
Uit de source heb ik de volgende code gehaald, en beetje aangepast. Het werkt wel, maar tussen de 2 table's, hou ik witruimte over, die ik dus weg wil hebben. Zoals je kunt zien, heb ik het al geprobeerd met de 'non breaking space',
om een spatie te krijgen tussen de img source en border=0.
Helaas krijg ik dan in de url een %20.. met esc \ lukt het mij ook niet.
in de <head>.

code:

<html>
<HEAD> 
<SCRIPT language="JavaScript"> 
<!--

  if (document.images)
   {
     pic1on= new Image();
     pic1on.src=("/buttons/balkboven/btba100.gif" + 'border="0"' + 'height="0"');  
     pic2on= new Image(); 
     pic2on.src=("/buttons/balkboven/btba101.gif" + 'border="0"' + 'height="0"');  

     pic1off= new Image();
     pic1off.src=("/buttons/balkboven/btba000.gif" + 'border="0"'+ '&nbsp;' + 'height="0"');  
     pic2off= new Image(); 
     pic2off.src=("/buttons/balkboven/btba001.gif" + 'border="0"'+ '&nbsp;' + 'height="0"'); 

function lightup(imgName)
 {
   if (document.images)
    {
    imgOn=eval(imgName + "on.src");
      document[imgName].src= imgOn; 
    }
 }

function turnoff(imgName)
 {
   if (document.images)
    {
    imgOff=eval(imgName + "off.src");
    document[imgName].src= imgOff;
    }
 }

//-->
</SCRIPT>

en in de body

code:

<table border="0" cellpadding="0" cellspacing="0" height="30">
    <tr height="30" border="0">
        <td height="30" border="0">
            <A HREF="blaat url" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')"> 
            [img]"/buttons/balkboven/btba000.gif"[/img]</A>
           </td>
      </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" height="30">
      <tr height="30" border="0">
        <td height="30" border="0"> 
            <A HREF="blaat url" lightup('pic2')" onMouseout="turnoff('pic2')"> 
            [img]"/buttons/balkboven/btba001.gif"[/img]</A> 
        </td>
      </tr>
</table>

dinsdag 18 december 2001 23:19

Acties:

Hangloozz

{ @$%&# }

kun je iets duidelijker zijn in wat je wilt bereiken en waar?
Ik zie namelijk een javascriptje met een img.src waar dingen bij staan die niet relevant zijn, zoals die border en height; die staan al in je img-tag in de body gedefinieerd...

www.jurgroessen.nl

dinsdag 18 december 2001 23:23

Acties:

Verwijderd

Topicstarter

Tja je probeert wat he...
Wat ik wil is: 2 tabellen die direct onder elkaar staan, zonder witruimte tussen die tabellen. In die tabellen staan dan mouse over buttons. ( 1 per cel ). Daar wil ik die borders dus weg hebben.

dinsdag 18 december 2001 23:33

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

code:

1	pic1on.src=("/buttons/balkboven/btba100.gif" + 'border="0"' + 'height="0"');

dit klopt voor geen meter ...
misschien moet je eerst wat tutorials over basic javascripting doornemen, doen wat je denkt dat er wel interessant uitziet heeft weinig zin.

een Image object heeft verschillende properties die je aan kunt spreken:
imageObject.src is de src, de locatie van het bestand, voor andere properties (bijna vergelijkbaar met de verschillende attributes binnen een tag) moet je deze allemaal apart aanpreken.

stijl-gerelateerde kenmerken gaan via het style-object:
imageObject.style.border bijvoorbeeld

code:

1
2
3

pic1on.src="/buttons/balkboven/btba100.gif"
pic1on.style.border= "0px"
pic1on.style.height= "100px"

overigens is style.height de hoogte van de image, niet van de border: van de border kun je ook aparte properties aanspreken:
style.borderWidth, style.borderType, style.borderColor

http://w3schools.com/ kan je misschien al wel een stuk verderhelpen

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen