Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Tabel achter grond onclick??

Cable guy
4 antwoorden
  • hi,
    ik heb de vraag of ik deze mouseover ook als achtergrond van de tabel kan gebruiken ? dat zou me nlk een hoop werk besparen qua afbeeldingen.
    iemand enig idee of dat kan ik heb al wat zitten prutsen maar t werkt niet

    edit:
    miss is het te prutsen met php dat ik de inhoud laat printen of hoe dat werkt
    edit:
    http://www.phpfreakz.nl/artikelen.php?aid=37&page=3
    dit heb ik gevonden maar hoe ga ik dat ever in een mouse over actie stoppen (3 plaatjes in java script en dan nog minimaal 9 van die mouse overs :-? )?


    [code:1:834ff959e8]
    <script language="JavaScript" type="text/JavaScript">
    <!–
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //–>
    </script>
    </head>

    <body onLoad="MM_preloadImages('middenover.jpg')">
    <script language="JavaScript">
    image1 = new Image();
    image1.src = 'middenover.jpg';

    image2 = new Image();
    image2.src = 'middenklik.jpg';
    </script>

    <table width="200" height="20" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="20" height="20" background="">&nbsp;</td>
    <td width="160">Naam <a href="chan" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('midden','','middenover.jpg',1)" onmousedown="MM_swapImage('midden','','middenklik.jpg',2)"><img src="middennorm.jpg" alt="Naam" name="midden" width="20" height="20" border="0"></a></td>
    <td width="20">&nbsp;</td>
    </tr>
    </table>
    [/code:1:834ff959e8]
  • Als het voor een link is kun je het veel beter met css doen. Ik heb hier een voorbeeld. Daar wordt het achtergrond plaatje veranderd.

    wimb
  • [quote:89f25a51e6="WimB"]Als het voor een link is kun je het veel beter met css doen. Ik heb hier een voorbeeld. Daar wordt het achtergrond plaatje veranderd.

    wimb[/quote:89f25a51e6]
    idd css kan ik gew td id="blaat"doe en in css hover en wat dan ook doen dat ik daar niet aan gedacht heb thx :D
    ik heb wel een vraagje over css wanneer gebruik je nou een . voor een class object en wanneer niet :P (NoOb)
  • Je kunt met CSS twee soorten opmaak aan elementen wijzen. Met 'id' en 'class'. Een 'id' gebruik je voor het element dat maar ÉÉN keer in een document voorkomt. Bijvoorbeeld 'top' 'menu' etc.
    Een 'class' gebruik je voor dingen die je vaker gebruikt. Bijvoorbeeld een link [code:1:9d72457024]<a class="linkje" href="link.htm" title="link">link</a>[/code:1:9d72457024] doe je in CSS [code:1:9d72457024]
    .linkje
    {
    text-decoration: none;
    color: #FFF;
    }
    [/code:1:9d72457024]

    Als je een 'id' wilt defineren, doe je dat zo[code:1:9d72457024]
    <div id="top">
    <h1>Titel ofzo etc</h1>
    </div>
    [/code:1:9d72457024]
    In je CSS
    [code:1:9d72457024]
    #top
    {
    position: relative;
    top: 20px;
    left blaat blaat etc.
    }
    [/code:1:9d72457024]

    Succes

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.