javascript boks

Du kan også lave en div og sætte dens visibility til false.
Og så lave noget lignende det her i javascript.

showtext(text)
{
document.getElementById("dindiv").innerHTML = text;
document.getElementById("dindiv").style.visibility = "visible";
}

hidetext()
{
document.getElementById("dindiv").style.visibility = "hidden";
}

Så laver du en <div id="dindiv"></div> og sætter den der hvor boksen skal være.

Jeg er ikke lige så god til til CSS og JavaScript har jeg aldrig rigtig arbejdet med (selvom man nogen gange ender med at have brug for noget)...

Så kan du ikke lige forklare med nogle koder!

Ok, du får noget kode

CSS koden

#boks {
visibility: hidden;
position: *;
top: *;
left: *;
}
#linkvis {
visibility: visible;
position: relative;
}
#linkskul {
visibility: hidden;
position: absolute;
}

Bare udskift stjernerne med din egen værdi så den bliver placeret der hvor du vil have det.
Det jeg skrev med z-inde tror jeg ikke at du skal bruge alligevel. Men du kan læse om det her: Lær om z-index.
Vis du ikke kan positionere med CSS kan du lære det her

JavaScript koden skal så se sådan her ud:

function vis() {
document.getElementById("boks").style.visibility = 'visible';
document.getElementById("linkvis").style.visibility = 'hidden';
document.getElementById("linkvis").style.visibility = 'absolute';
document.getElementById("linkskjul").style.visibility = 'visible';
document.getElementById("linkskjul").style.position = 'relative';
}
function skjul() {
document.getElementById("boks").style.visibility = 'hidden';
document.getElementById("linkvis").style.visibility = 'visible';
document.getElementById("linkskjul").style.visibility = 'hidden';
document.getElementById("linkskjul").style.position = 'absolute';
document.getElementById("linkvis").style.position = 'relative';
}

Og HTML koden til linket:

<a href="#" id="linkvis" onclick="vis()">KLIK HER FOR AT VISE BOKSEN</a>
<a href="#" id="linkskul" onclick="skjul()">KLIK HER FOR AT SKULE BOKSEN</a>

Sådan ser det ud.

Jeg har ikke testet koden, så det er ikke sikkert at det virker helt (slå fejl).

Vis du stadig ikke kan få det til at virke, vil jeg før lidt flere point godt lave det 100% ferdige script, tilpasset til din side. Så skal du ikke lave noget som helst.

Lige en lille addon til Simon Friis' ekselbel.

Din HTML kode skal laves sådan her istedet, hvis du vil undgå at den reloader siden:

<a href="javascript:void(0)" id="linkvis" onclick="vis()">KLIK HER FOR AT VISE BOKSEN</a>
<a href="javascript:void(0)" id="linkskul" onclick="skjul()">KLIK HER FOR AT SKULE BOKSEN</a>

Så vidt jeg husker hvertfald, kan også våre det andet virker

lyder som noget AJAX ? eller bare noget DHTML der viser en div ?

lyder som noget AJAX ? eller bare noget DHTML der viser en div ?

Jeg tror DHTML er rigeligt. Men jeg er ikke selv stiv i hvordan man gør.

Ok Shaft. Ikke noget stort problem.

Du laver en div som du giver en position med CSS, der vor du vil have den.

Du giver din body z-index 1, selfølgelig med CSS.

Giver den div du lavede før z-index 2.

Så sætter du divens visibility til hidden.

Så laver du en JavaScript funktion der gør at når der bliver klikket på linket ændres divens visibility til visible.

. . .

Ok, det er sådan du skal gøre i store træk. Vis du ikke ved så meget om CSS og JavaScript kan du sikkert ikke forstå det, skriv og du får en mere forklarende version.

Jeg er ikke lige så god til til CSS og JavaScript har jeg aldrig rigtig arbejdet med (selvom man nogen gange ender med at have brug for noget)...

Så kan du ikke lige forklare med nogle koder!

Jeg går ud fra at du skal bruge scriptet, på din side http://www.shafh.dk/, under Blog > Komentare, og så nede ved siden af captcha billedet.

Godt gættet. Det er helt korrekt
Ehm.. Jeg får nok desværre først mulighed for at kikke på koderne i morgen. So sorry. Men ser godt ud

Vis du ikke kan få overstående til at virke så prøv at sætte din bodys z-index til 1. Sådan her: body { z-index: 1;} og diven boks z-index til 2, det gør at den vil kunne ligges oven på de andre ting.

Men jeg ved ikke helt om det virker på form-felter i IE.

Eller så har jeg lige fundet noget inde på dynamicdrive du, måske kan bruge.

http://dynamicdrive.com/dynamicindex16/showhint.htm

http://dynamicdrive.com/dynamicindex5/popinfo3.htm

http://dynamicdrive.com/dynamicindex5/dhtmltooltip.htm