Søg
Avatar billede prop46 Nybegynder
10. februar 2003 - 20:54 Der er 21 kommentarer og
1 løsning

onclick

Kan jeg gøre det modsatte af hvad denne gør

onclick="visDiv('Perfect');"

altså skjule den ved onclick?
Avatar billede olebole Juniormester
10. februar 2003 - 20:57 #1
<ole>

Enten må du flytte spørgsmålet til clairvoyance-kategorien - eller skrive noget kode

/mvh
</bole>
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:00 #2
sorry :0) ... øjeblik
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:02 #3
Jeg har en div feks id="Perfect" som indeholder et billede der ved mouseover skrifter til et andet!

Denne div skal skjules ved onclick på billedet... er det nok?
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:07 #4
<div name="div3" class="3">
  <a href="#">
    <img src="jubi.jpg" onmouseover="this.src='juhu.jpg'" onmouseout="this.src='jubi.jpg'" border="0">
  </a><
/div>
Avatar billede olebole Juniormester
10. februar 2003 - 21:08 #5
Må jeg se den kode, du viser det med
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:09 #6
viser diven? der er visible fra starten af
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:19 #7
<html>

<style>
    div {
    z-index:1;
    position: absolute;
    top: 10px;
    left: 100px;
    height: 25px;
    width: 80px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    }
   
    div.2 {
    z-index:3;
    position: absolute;
    top: 10px;
    left: 160px;
    height: 25px;
    width: 80px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    }
   
    div.3 {
    z-index:2;
    position: absolute;
    top: 10px;
    left: 220px;
    height: 25px;
    width: 80px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    }
</style>

    <head>
        <title>...</title>
    </head>

    <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
        <table width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor="#d5f4e2" height="100%">
            <tr>
                <td align="center">
                    <div class="1"><img src="jubi.jpg"></div>
                    <div class="2"><img src="jubi.jpg"></div>
                    <div name="div3" class="3"><a href="#"><img src="jubi.jpg" onmouseover="this.src='juhu.jpg'" onmouseout="this.src='jubi.jpg'" border="0"></a></div>                                       
                </td>
            </tr>
        </table>


    </body>

</html>
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:44 #8
kender desuden dette script... kan det bruges til noget?

<script type='text/javascript'>

var nuAktiv = null;
function visDiv( divNavn ) { //virker ikke i Netscape 4
    var nuDiv = (document.getElementById)
                ? document.getElementById(divNavn)
                : (document.all) ? document.all[divNavn] : null;
    if ( !nuDiv || nuAktiv == nuDiv ) return;
    if ( nuAktiv ) nuAktiv.style.visibility = "hidden";
    nuDiv.style.visibility = "visible";
    nuAktiv = nuDiv;
}

</script>
Avatar billede olebole Juniormester
10. februar 2003 - 21:52 #9
Så kan du bruge:

function skjulDiv( divID ) {
    document.getElementById(divID).style.visibility = "hidden";
}

onclick="skjulDiv('Perfect');"
Avatar billede prop46 Nybegynder
10. februar 2003 - 21:58 #10
hmmm... virker ikke HELT efter hensigten....  der vises nu kun en div som ingen funktion har overhovedet ?
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:13 #11
<script type='text/javascript'>

function skjulDiv( divID ) {
    document.getElementById(divID).style.visibility = "hidden";
}

</script>

    <head>
        <title>...</title>
    </head>

    <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
        <table width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor="#d5f4e2" height="100%">
            <tr>
                <td align="center">
                    <div name="div1" class="1"><a href="#"><img src="jubi.jpg" onmouseover="this.src='juhu.jpg'" onmouseout="this.src='jubi.jpg'" onclick="skjulDiv('div1');" border="0"></a></div>
                    <div name="div2" class="2"><a href="#"><img src="jubi.jpg" onmouseover="this.src='juhu.jpg'" onmouseout="this.src='jubi.jpg'" onclick="skjulDiv('div2');" border="0"></a></div>
                    <div name="div3" class="3"><a href="#"><img src="jubi.jpg" onmouseover="this.src='juhu.jpg'" onmouseout="this.src='jubi.jpg'" onclick="skjulDiv('div3');" border="0"></a></div>                                       
                </td>
            </tr>
        </table>


    </body>

</html>
Avatar billede olebole Juniormester
10. februar 2003 - 22:13 #12
Det må du forklare ...?
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:13 #13
mouseover virker fint men onclick melder fejl :0(  Kan du finde noget?
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:14 #14
Nåh ja.. det andet er løst.. my fault :0).. taste fejl
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:15 #15
men det melder sgu stadig fejl i den onclick
Avatar billede olebole Juniormester
10. februar 2003 - 22:17 #16
<div name="div1" class="1">

Prøv at se på funktionen ... den bruger 'id' - ikke sandt?  :)
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:19 #17
hahaha... den var dum.... tor jeg skal til øjenlæge :0)
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:20 #18
Så var det jo alligevel såre simpelt... når man lige lærer det :0)

Endnu engang tak for hjælpen du...
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:22 #19
og så lige et tillægs spørgsmål som du selvfølgeligt gerne må få en masse point for... og det BURDE jeg nok havde sagt fra starten

Hvad nu hvis jeg vil ha de andre til at være visible og kun den aktive til at være hidden?
Avatar billede olebole Juniormester
10. februar 2003 - 22:34 #20
Nej, zq .... pyt med points  :)
Mon ikke det er det her, du ønsker? Nu 'forsvinder' div'et helt - bliver ikke bare gemt, men optager ikke længere plads, når det bliver gemt. Hvis det ikke er det, du leder efter, må du sige til:

<script type='text/javascript'>
function skjulDiv( divID ) {
    var divArr = document.getElementsByTagName("DIV");
    for (i=0; i<divArr.length; i++) {
        if ( divArr[i].id.indexOf("div")!=-1 ) divArr[i].style.display = "block";
    }
    document.getElementById(divID).style.display = "none";
}
</script>

/mvh
Avatar billede prop46 Nybegynder
10. februar 2003 - 22:36 #21
Du er for cool.... tusind tak :0)
Avatar billede olebole Juniormester
10. februar 2003 - 22:41 #22
... anytime  ;o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:47 VB script Af Jenshentze i Word
I dag 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
04/0913:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
White papers
Flere white papers »