Vis OG load div eller iframe

Hej, kunne du bruge et script der folder Div'en ud og så viser iframen? Iframen bliver først loadet efter div'en bliver vist - eller samtidig kan man vel sige :-)

Hvis du vil gøre det med en div alene, skal du nok ud i AJAX.. Ellers kan du vel også sagtens lave en display: none; på en iframe.

Nej wicez - så blir iframens indhold hentet alligevel, det er ikke smart som han selv skriver hvis iframen indeholder super mange billeder og det ikke er dem brugeren ønsker at se fx. :-)

<script type="text/javascript">

function view( targetId ){
       
        if (document.getElementById){
                target = document.getElementById( targetId );
                  if (target.style.display == "none"){
                      target.style.display = "";
                  } else {
                      target.style.display = "";
                  }
            }
}

function editIframe(o){
        document.getElementById('DivIframe').src = null;
        document.getElementById('DivIframe').src = o;
}

</script>

<b><a href="#" onclick="view('div'); editIframe('http://google.dk');">Klik her for at se iframe</a></b><br><br>

<div id="div" style="display:none;">Her er Div'ens indhold samt iframe...<br><br><iframe id="DivIframe" src="">Browser fejl</iframe></div>

madeindk Du kan jo sagtens starte uden en startside i iframen, og så hente indholdet samtidig med at du sætter display: block...

Ja, det kunne man jo nok godt - men lad os nu se om han ikke kan bruge det jeg har smidt :-)

Tak for det! Det virker halvejs. To ting:

1. Når man trykker på linket igen, skal diven og iframen blive usynlig igen.
2. iframen skal automatisk tilpasse sig indholdet (kan man style iframes på samme måde som divs?). Ved godt det hører til under CSS, men tingene er jo afhængig af hinanden.

1.

<script type="text/javascript">

function view( targetId ){
       
        if (document.getElementById){
                target = document.getElementById( targetId );
                  if (target.style.display == "none"){
                      target.style.display = "";
                  } else {
                      target.style.display = "none";
                  }
            }
}

function editIframe(o){
        document.getElementById('DivIframe').src = null;
        document.getElementById('DivIframe').src = o;
}

</script>

2. Ja, du kan godt style en iframe :-)

Det ser ud til at være den rette løsning, men jeg kan ikke få den til at fungere med flere forskellige iframes. På siden skal der være op til 15 iframes som hver indeholder cases. Disse skal være uafhængige af hinanden. Når jeg trykker på test1 åbner framen rigtig nok, men når jeg trykker på test lukker framen (en anden frame skulle åbne). Giver det mening?
http://www.simonkampmann.dk/testiframe4.html

Dertil kommer at iframes ikke styles eller opfører sig som divs - desværre. Men jeg må se om jeg kan finde en løsning på det...

Det er da ærgelig talt også ret indlysende at den bliver forvirret over det der - du kalder jo dine divs det samme - det holder ikke. De skal ha et unikt navn.

Har lavet om i koden nu... Du skal nu definere først hvad din div hedder (ID), derefter sidens url og til sidst hvad iframen hedder - iframen skal desuden også ha et unikt navn - HUSK DET

<a href="#" onclick="view('divnavn'); editIframe('sideurl', 'iframenavn');">Link</a>

Har også rettet på din kode fra din side - denne her virker. Er testet på egen server.

<script type="text/javascript">

function view( targetId ){
       
        if (document.getElementById){
                target = document.getElementById( targetId );
                  if (target.style.display == "none"){
                      target.style.display = "";
                  } else {
                      target.style.display = "none";
                  }
            }
}

function editIframe(o, frame){
        document.getElementById(frame).src = null;
        document.getElementById(frame).src = o;
}

</script>

<a href="#" onclick="view('div1'); editIframe('2.html', 'Case1_Iframe');">Test1</a>

<div id="div1" style="display:none;"><iframe id="Case1_Iframe" src="">Browser fejl</iframe></div>


<div id="divtest">
<b><a href="#" onclick="view('div2'); editIframe('3.html', 'Case2_Iframe');">Test2</a>

<div id="div2" style="display:none;"><iframe id="Case2_Iframe" src="">Browser fejl</iframe></div>
</div>

ærgelig = ærlig :-)

Tak for hjælpen!!! Det var storslået...

Hvordan giver jeg pointene?? ;-)

Jeg skal smide et svar og så skal du acceptere det ved at markere mit brugernavn lige over besked feltet :-)