Popup uden ramme

Efter ServicePack 2 til Windows er kommet, er det ikke længere muligt at fjerne 'cromen' på vinduer. Cromen er statuslinjen og titellinjen.

-- men du kan have en skjult div, som du så viser frem, når du ellers ville have brugt en popup !-)

Ja, den var jeg ved at foreslå, men jeg ved ikke hvordan man laver det - Der skal vist bruges noget javascript?

<ole>

I princippet:

<script type="text/JavaScript">
function showPop() {
    var pop = document.getElementById("gnu");
    pop.style.left = "400px";
    pop.style.top = "400px";
    pop.style.display = "block";
}
</script>

<div id="gnu" style="position:absolute;width:400px;height:200px;border:3px outset threedhighlight;z-index:1000;display:none">
    <iframe style="width:100%;height:100%;border:2px inset threedhighlight;" src="gnu.html" frameborder="0"></iframe>
</div>

<button onclick="showPop()">TEST</button>

/mvh
</bole>

Og hvordan lukker man den så?

F.eks. ved at sætte en onclick, der skjuler den: onclick="this.style.display='none';" !-)

Sådan her?

<div id="gnu" style="position:absolute;width:400px;height:200px;border:3px outset threedhighlight;z-index:1000;display:none">
    <iframe style="width:100%;height:100%;border:2px inset threedhighlight;" src="gnu.html" frameborder="0"><button onclick="this.style.display='none';">Luk</button></iframe>
</div>

- f.eks. med en funktion à la:

function hidePop() {
    var pop = document.getElementById("gnu");
    pop.style.display = "none";
}

Hvorfra vil du kunne lukke?

fra denne: <button onclick="this.style.display='none';">Luk</button>

?

- det kan du ikke. Den kode ligger på Eksperten  ;o)

Hvor skal din knap ligge? I iframe'en, eller det dokument, der indeholder iframe'en  :)

Det må vel så være dokumentet, der indeholder iframen. Men så er det vel bedre at have funktione liggende et andet sted, som du viste...

<script type="text/JavaScript">
function showPop() {
    var pop = document.getElementById("gnu");
    pop.style.left = "400px";
    pop.style.top = "400px";
    pop.style.display = "block";
}
function hidePop() {
    var pop = document.getElementById("gnu");
    pop.style.display = "none";
}
</script>

<div id="gnu" style="position:absolute;width:400px;height:200px;border:3px outset threedhighlight;z-index:1000;display:none">
    <iframe style="width:100%;height:100%;border:2px inset threedhighlight;" src="gnu.html" frameborder="0"><button onclick="hidePop()"></button></iframe>
</div>

<button onclick="showPop()">TEST</button>

Sådan her?

Eller må kanppen slet ikke ligge i iframen?

Jo, men så skal den også ligge i iframe'en ... altså i dokumentet, der loades i iframe'en  :)
I så fald skal du kalde funktionen oppe i hoveddokumentet med: parent.hidePop()

Det der er mellem iframens åbne- og lukketag vises hvis browseren ikke kan håndtere iframes ...

-- så det skal i så fald ind i det dokument, der vises i iframen, og så bliver det:

<button onclick="parent.hidePop()">

Ah, ja selvfølgelig. Indholdet af iframen hentes jo fra gnu.html :-)

Men man kan vel placere knappen uden for iframen (i selve div'en), og derved undgå at skulle lægge koden for knappen i hvert enkelt dokument, som iframen indeholder (Hvis man nu indbygger muligheden for at få vist forskelligt indhold? F.eks. hvis man vil bruge en pop-up'en som fejlmeddelelse, i stedet for alerts):

<div id="gnu" style="position:absolute;width:400px;height:200px;border:3px outset threedhighlight;z-index:1000;display:none">
    <iframe style="width:100%;height:100%;border:2px inset threedhighlight;" src="gnu.html" frameborder="0"></iframe>
<button onclick="hidePop()"></button>
</div>

Sådan her?

Tjah, bortset fra at knappen vel skal have noget at vise:

<button onclick="hidePop();return false;">Gem popup</button>

Ja, der skal selvfølgelig være en tekst på knappen... Hvad gør return false; i ovenstående?

Visse browsere vil submitte ved tryk på en knap, så det er bare en almindelig forsigtighedsforanstaltning at have den med, da jeg jo ikke ved om det tilfældigvis kommer til at ligge i en form !-)

Okay, så ved jeg det.

Det vil sige at det skal se således ud:

<script type="text/JavaScript">
function showPop() {
    var pop = document.getElementById("gnu");
    pop.style.left = "400px";
    pop.style.top = "400px";
    pop.style.display = "block";
}
function hidePop() {
    var pop = document.getElementById("gnu");
    pop.style.display = "none";
}
</script>

<div id="gnu" style="position:absolute;width:400px;height:200px;border:3px outset threedhighlight;z-index:1000;display:none">
    <iframe style="width:100%;height:100%;border:2px inset threedhighlight;" src="gnu.html" frameborder="0"></iframe>
<button onclick="hidePop();return false;">Skjul</button>
</div>

<button onclick="showPop()">Vis</button>

?

Hehe, det burde næsten være mig der skal give points, eftersom jeg har stillet spørgsmålene, selv om det ikke er mit spørgsmål ;-)

... Og <button onclick="showPop();return false;">Vis</button>, hvis knappen ligger i en form?

nåja ... du/vi får vel uddybet spm'et lidt for spørgeren i samme hug  ;o)

Det var det, jeg tænkte ;-)

... Og det gør vel ikke noget at andre også kan lære af indlæggene i et spørgsmål (Jeg har i hvert fald lært lidt mere om javascript i dag :-) )

pelskee > Husk at lukke spørgsmålet :-)

det må i virkelig undskylde. kan jeg dele point mellem jer ?

Du beder blot de, du vil tildele points, om at lægge et svar. Derefter har du mulighed for at dele pointene mellem dem  :)

jamen så vil jeg primært gerne have et svar fra dig - olebole
tak!

- selvtak  :)