vis div ved tryk og fjern ved tryk på knap.

Eks.:

<div id="eks" style="display:none">Hey</div>
Vis knap:
<a href="#" onMouneUp="document.getElementById('eks').style.display = 'block'">Vis</a>

Skjul knap:
<a href="#" onMouneUp="document.getElementById('eks').style.display='none'">Skjul</a>

Skulle jeg mene kunne gøre det.

Eks.:

<div id="eks" style="display:none">Hey</div>
Vis knap:
<a href="#" onMouseUp="document.getElementById('eks').style.display = 'block'">Vis</a>

Skjul knap:
<a href="#" onMouseUp="document.getElementById('eks').style.display='none'">Skjul</a>

Skulle jeg mene kunne gøre det.

He jeg kan bare ikke skrive idag...... :) prøv dette istædet :)

Super, men det skal komme oven på noget andet....

hvis du forstår...

f.eks:

<table>
<tr>
<td width=400>
tryk her
</td>
<td width=400>
denne er her bare
</td>
</tr>
</table>


Så når man trykker så skal diven visen ovenpå den anden td, forstår du ?

Hvis du smider første table i et div og får det til at forsvinde når det andet div kommer frem og omvent.

Eks.:

<div id="eks1" style="display:none">Div1</div>
<div id="eks2" style="display:block">Div2</div>

<a href="#" onMouseUp="document.getElementById('eks1').style.display='block';document.getElementById('eks2').style.display='none'">Vis</a>

<a href="#" onMouseUp="document.getElementById('eks1').style.display='none';document.getElementById('eks2').style.display = 'block'">Skjul</a>

må smuttte ses

det er da ikke smart... begge td'er skal jo vises.

ok så mu du flytte div ved at bruge style="position : absolute" så kan du sætte div hvor du har lyst, men er ikke altid nem at få til at gøre som man vil :)

Har lige gaflet det her:
Den skal bare kunne vises og ikke vises ved knapper...

hvodan ?



<script language="javascript">
       

    arrHelpTxt = new Array(1);
    arrHelpTxt[0] = "tekstteksttekst";

   
    function getPosition(obj)
    {
        var pos = {x:0, y:0};
        while (obj)
        {
            pos.x += obj.offsetLeft;
            pos.y += obj.offsetTop;
            obj = obj.offsetParent;
        }
        return pos;
    }
   
    var oContextSignup = window.createPopup();
    function showContext(obj, xpos, yheight, index)
    {
        var objPos = getPosition(obj);
       
        var ContextBody = oContextSignup.document.body;
        //ContextBody.style.filter = "alpha(opacity=50)";
        help_head.innerHTML = obj.help_title;
        help_body.innerHTML = arrHelpTxt[index];
        ContextBody.innerHTML = signup_Help.innerHTML;
        oContextSignup.show(xpos, objPos.y - document.body.scrollTop, 150, yheight, document.body);
           
    }
   
   
   
   
   
    function fix_zindex()
    {
        hideElements(false);
        parent.parent.setFocus("sq_Reg");
    }
</script>
<div id="signup_Help" style="display:none;">

    <table width="150" border=0 cellspacing=0 cellpadding=0 STYLE="border: 1px #000000 solid;">
        <tr>
            <td align="top" bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;">
            <img src="../images/register/signup_infobox_pil.gif" height=15 width=15 valign="absmiddle">&nbsp;<b><span  id="help_head" valign="middle"></Span>:</b>
            </td>
        </tr>
        <tr>
            <td bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;padding: 3px;" id="help_body"></td>
        </tr>
    </table>

</div>
<input type="text" style="BACKGROUND-COLOR: #FFFFFF;" name="username" size=30 value="" maxlength=30 onclick="showContext(this, 265, 169, 0);" help_title="Brugernavn">

Alser style="display: block;position: absolute;left: 100px;top: 100px"

hvis du smider
style="display: block;position: absolute;left: 100px;top: 100px"
ind i dit div så kommer det til at stå 100 * 100 fra kanten af browseren, det fucker måske op når siden er så lang at man kan scrolle, så skal du lave noget java script der regner ud hvor den skal være når man scroller.

kan ikke huske om der er nogen nem måde at komme uden om det på.

ja, hvor skal jeg smide det ind henne ?

Kan du ikke prø've at bygge det sammen så der er 2 knapper.. 1 vis uden for div og en luk inden i div, med det kode der er der?

har et menu/alt modul jeg har lavet i javaScript som du må få hvis du kan bruge det, det er til at lave det du gerne vil have. Du kan smide en mail så skal jeg sende modul + en lille test af det.

david@dollas.dk

jeg skal lige have 2 sek så ;)

super

sådan sent

Jeg kan ikke lige få det til at funge... Kan du ikke prøve at gøre noget ved det kode jeg lige har smidt her ?

her prøv dette :)

<div id="eks1" style="display: none;position: absolute;left: 100px;top: 100px"><a href="#" onMouseUp="document.getElementById('eks1').style.display='none'">Skjul</a></div>

<a href="#" onMouseUp="document.getElementById('eks1').style.display='block'">Vis</a>

Skal det styres med regtige positioner ?

2 sek er lige ved at bixe noget sammen

Dette virker: (jeg regner med det lille billede er til at lukke med så jeg har sat link på + hånd style :)

<script language="javascript">
       

    arrHelpTxt = new Array(1);
    arrHelpTxt[0] = "tekstteksttekst";

   
    function getPosition(obj)
    {
        var pos = {x:0, y:0};
        while (obj)
        {
            pos.x += obj.offsetLeft;
            pos.y += obj.offsetTop;
            obj = obj.offsetParent;
        }
        return pos;
    }
   
    var oContextSignup = window.createPopup();
    function showContext(obj, xpos, yheight, index)
    {
        var objPos = getPosition(obj);
       
        var ContextBody = oContextSignup.document.body;
        //ContextBody.style.filter = "alpha(opacity=50)";
        help_head.innerHTML = obj.help_title;
        help_body.innerHTML = arrHelpTxt[index];
        ContextBody.innerHTML = signup_Help.innerHTML;
        //oContextSignup.show(xpos, objPos.y - document.body.scrollTop, 150, yheight, document.body);
        document.getElementById("signup_Help").style.left = "150px";
        document.getElementById("signup_Help").style.top = ""+(objPos.y - document.body.scrollTop)+"px";
        document.getElementById("signup_Help").style.height = yheight;
        document.getElementById("signup_Help").style.width = 100;
        document.getElementById("signup_Help").style.display="block";
           
    }
   
   
   
   
   
    function fix_zindex()
    {
        hideElements(false);
        parent.parent.setFocus("sq_Reg");
    }
</script>
<div id="signup_Help" style="display: none;position: absolute;left: 100px;top: 100px; height: 100px; width: 100px;'">

    <table width="150" border=0 cellspacing=0 cellpadding=0 STYLE="border: 1px #000000 solid;">
        <tr>
            <td align="top" bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;">
            <img style="cursor: pointer;" onMouseUp="document.getElementById('signup_Help').style.display='none'" src="../images/register/signup_infobox_pil.gif" height=15 width=15 valign="absmiddle">&nbsp;<b><span  id="help_head" valign="middle"></Span>:</b>
            </td>
        </tr>
        <tr>
            <td bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;padding: 3px;" id="help_body"></td>
        </tr>
    </table>

</div>
<input type="text" style="BACKGROUND-COLOR: #FFFFFF;" name="username" size=30 value="" maxlength=30 onclick="showContext(this, 265, 169, 0);" help_title="Brugernavn">

Super...

Og det er styret med absolut position, eller med position efter hvor knappen til at åbne er ???

Kan man lave det sådan ?

efter hvor knappen er skulle jeg mene :)

Prøv at se koden.,

Kan man ikke lave så den starter med at tage position fra den knap man trykker på?

<script language="javascript">
       

    arrHelpTxt = new Array(1);
    arrHelpTxt[0] = "tekstteksttekst";

   
    function getPosition(obj)
    {
        var pos = {x:0, y:0};
        while (obj)
        {
            pos.x += obj.offsetLeft;
            pos.y += obj.offsetTop;
            obj = obj.offsetParent;
        }
        return pos;
    }
   
    var oContextSignup = window.createPopup();
    function showContext(obj, xpos, yheight, index)
    {
        var objPos = getPosition(obj);
       
        var ContextBody = oContextSignup.document.body;
        //ContextBody.style.filter = "alpha(opacity=50)";
        help_head.innerHTML = obj.help_title;
        help_body.innerHTML = arrHelpTxt[index];
        ContextBody.innerHTML = signup_Help.innerHTML;
        //oContextSignup.show(xpos, objPos.y - document.body.scrollTop, 150, yheight, document.body);
        document.getElementById("signup_Help").style.left = "150px";
        document.getElementById("signup_Help").style.top = ""+(objPos.y - document.body.scrollTop)+"px";
        document.getElementById("signup_Help").style.height = yheight;
        document.getElementById("signup_Help").style.width = 100;
        document.getElementById("signup_Help").style.display="block";
           
    }
   
   
   
   
   
    function fix_zindex()
    {
        hideElements(false);
        parent.parent.setFocus("sq_Reg");
    }
</script>
<div id="signup_Help" style="display: none;position: absolute;left: 100px;top: 100px; height: 100px; width: 100px;'">

    <table width="150" border=0 cellspacing=0 cellpadding=0 STYLE="border: 1px #000000 solid;">
        <tr>
            <td align="top" bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;">
            <img style="cursor: pointer;" onMouseUp="document.getElementById('signup_Help').style.display='none'" src="../images/register/signup_infobox_pil.gif" height=15 width=15 valign="absmiddle">&nbsp;<b><span  id="help_head" valign="middle"></Span>:</b>
            </td>
        </tr>
        <tr>
            <td bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;padding: 3px;" id="help_body"></td>
        </tr>
    </table>

</div>
<input type="text" style="BACKGROUND-COLOR: #FFFFFF;" name="username" size=30 value="" maxlength=30 >
<input type="button" onclick="showContext(this, 265, 169, 0);" help_title="Brugernavn">

jo skal lige spise så ser jeg på det

Super.

Lig mærke til at jeg har ændert dette:

function showContext(obj, xpos, ypos, height, width, index)

xpos er x position relativt i forhol til kanp eller object
ypos er y position relativt i forhol til kanp eller object
height er højden på div
width er viden på div
index er som den plejer :)

Sådan:

<script language="javascript">
       

    arrHelpTxt = new Array(1);
    arrHelpTxt[0] = "tekstteksttekst";

   
    function getPosition(obj)
    {
        var pos = {x:0, y:0};
        while (obj)
        {
            pos.x += obj.offsetLeft;
            pos.y += obj.offsetTop;
            obj = obj.offsetParent;
        }
        return pos;
    }

    function showContext(obj, xpos, ypos, height, width, index)
    {
        var objPos = getPosition(obj);
        help_head.innerHTML = obj.help_title;
        help_body.innerHTML = arrHelpTxt[index];
        document.getElementById("signup_Help").style.left = ""+(ypos + objPos.x)+"px";
        document.getElementById("signup_Help").style.top = ""+(xpos + objPos.y)+"px";
        document.getElementById("signup_Help").style.height = height+"px";
        document.getElementById("signup_Help").style.width = width+"px";
        document.getElementById("signup_Help").style.display="block";
           
    }
   
   
   
   
   
    function fix_zindex()
    {
        hideElements(false);
        parent.parent.setFocus("sq_Reg");
    }
</script>
<style>
    div.help {
        display: none;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100px;
        width: 100px;
        overflow: visible;
    }
</style>
<div id="signup_Help" class="help">

    <table width="150" border=0 cellspacing=0 cellpadding=0 STYLE="border: 1px #000000 solid;">
        <tr>
            <td align="top" bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;">
            <img style="cursor: pointer;" onMouseUp="document.getElementById('signup_Help').style.display='none'" src="../images/register/signup_infobox_pil.gif" height=15 width=15 valign="absmiddle">&nbsp;<b><span  id="help_head" valign="middle"></Span>:</b>
            </td>
        </tr>
        <tr>
            <td bgcolor="EDE2BB" style="font-family:Verdana; font-size:10px;padding: 3px;" id="help_body"></td>
        </tr>
    </table>

</div>
<input type="text" style="BACKGROUND-COLOR: #FFFFFF;" name="username" size=30 value="" maxlength=30 >
<input type="button" onclick="showContext(this, 5, 5, 0, 0, 0);" help_title="Brugernavn">

Måske er det nemmere at bruge overLib: http://www.bosrup.com/web/overlib/ !-)

Jeg ved ikke hvor relevant det er, men du kunne tage et kig her også: http://zyph.dk/eksempler/showhide !-)

Så virker det...

Mange tak