iframe i strict xhtml

<div style="overflow:auto"></div> ?

pelkjaer> jeg tror du har ret. men kan man angive dimensioner og ramme for en <div> på samme måde som for en tabelcelle (eller som man får automatisk i en iframe, hvis man ønsker det)?

Sådan:

<div style="border: 1px solid #000000; width:200px; height: 200px; overflow:auto"></div>

Med indhold:

<div style="border: 1px solid #000000; width:200px; height: 200px; overflow:auto">
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
test test test test test test test test test test test <br />
</div>

læg et svar ;-)

men svar lige på flg.: kan man også skrive TIL en div på samme måde som man skriver til en ramme fra en anden ramme med et javascript (top.rammenavn.document.write() ) ?

eller skal man skrive hele koden ud i scriptet hver gang, altså: documnet.divId.write('<div style.....>test test....</div>')

hvis du har adgang til PHP eller SSI kan du inkludere filer i din div, ligsom hvis det var en iframe, lad mig uddybe hvis du er interesseret...

nu skriver jeg det lige, for jeg kan sikkert ikke finde spørgsmålet igen ;-)

hvis du kalder din fil for *.php kan du skrive således i din div:

<div style="border: 1px solid #000000; width: 200px; height: 200px; overflow: auto;">

<?
 
if ($id == side1) {   
include "side1.inc";   
}   
if ($id == side2) {   
include "side2.inc";   
}
if ($id == side3) {   
include "side3.inc";   
}

?>

</div>

hvis du så vil se side3 i din div skal du linke til *.php?id=side3

/mvh
lerchedahl

...du behøver ikke kalde de filer du inkluderer for *.inc, du kan kalde dem *.htm(l) eller såmend *.php, hvis du vil afvikle scripts fra dem også...

lerchedahl> tak for det. jeg HAR adgang til php, så det er noget i den stil jeg har brug for, men det kræver at filerne inkluderes i min div ligeså hurtigt som som et javascript kan skrive i en ramme (dvs. uden ventetid til at loade fordi det der skrives kan loades i cachen forinden). Jeg har to div. I den ene er der tekst og i den anden skal der kunne indsættes bemærkninger ved mouseover af bestemte ord i den første div. Det er disse bemærkninger der skal inkluderes.

er der ingen af jer, der vil have pointene?

mik789 (11:20:42) >> Det kunne du da bare have sagt til at begynde med ;-)

Du behøver skam ikke rode dig ud i serverside scripting (php) for at klare den med mouseover-beskrivelser af dine links. Du kan klare den med en smule java script:

indsæt dette i <head> sektionen på den side:

<script language="javascript">
<!--
var description = new Array();
description[0] = "";
description[1] = "beskrivelse af link #1";
description[2] = "beskrivelse af link #2";
description[3] = "beskrivelse af link #3";
description[4] = "beskrivelse af link #4";
description[5] = "beskrivelse af link #5";
description[6] = "beskrivelse af link #6";
description[7] = "beskrivelse af link #7";
description[8] = "beskrivelse af link #8";
//-->
</script>

...indsæt dernæst dette på dine links:

ex:

<a href="side1.html" onMouseOver="dinDiv.innerHTML=description[1];">link 1</a>

du skal så kalde tildele den <div> som dine beskrivelser skal komme frem i et id: <div id="dinDiv"></div>

du har sikkert bemærket at jeg har lavet en tom description. Det er fordi du måske gerne vil have at beskrivelsen af linket skal forsvinde igen, når der ikke længere peges på linket.

du skal så tilføje en onmouseout event i dit link således:

<a href="side1.html" onMouseOver="dinDiv.innerHTML=description[1];" onMouseOut="Words.innerHTML=description[0];">link 1</a>

hvis ikke du gør det, bliver beskrivelsen hængende, indtil du peger på et andet link...

håber det kan bruges
/lerchedahl

et par rettelser: jeg kogte lidt i id'erne da jeg kopierede det fra min egen side ;-) ...der skal naturligvis stå "dinDiv" i stedet for "Words" i andet link-eksempel...

derudover nærlæste jeg lige din kommentar igen, og der står jo ingenting om links. Men du kan også sagtens få disse beskrivelser på enkelte ord i en tekst (hvis det da er det du mener...) ved at skrive således:

"hist hvor <span onMouseOver="dinDiv.innerHTML=description[1];">vejen</span> slår en bugt"

/mvh
lerchedahl

takker for point :o)

ja, <span> er en bedre løsning. det kører fint i IE. har dog stadig problemer i NS6. Her er man nødt til at rytte dinDiv før man kan få vist en ny note. Lad mig forklare: i IE kører det sådan: når man fører musen over <span>et ord</span>, vises note1 i dinDiv, og når man så fører musen over <span>et andet ord</span> vises note2 osv. Men i NS6 kan man ikke gå direkte fra note1 til note2. I så fald sker der ikke noget, når man holder musen over det andet ord. Man er nødt til at rytte dinDiv hver gang en ny note skal vises, altså inden musen holdes over et andet ord med note. Derfor har jeg så indsat en knap der rytter dinDiv, men det er en klodset løsning i forhold til IE. Der er noget om at NS ikke er så glad for innerHTML - måske er det derfor. Har også været nødt til at bruge getElementById('dinDiv').innerHTML i stedet for bare dinDiv.innerHTML for at NS vil spise det. Jeg lægger lige siden (rent forsøg ind til videre) på http://www.dahr.dk/div-iframe.html så du kan se det.
/mik

og så fik jeg lige en anden forskrækkelse: når man angiver div'ernes placering på siden i % så bliver den ikke automatisk tilpasset, når vinduet resizes til et mindre format. hvordan får man browseren til at tage højde for det?

Reloader siden ved resize :)

Fx. med

function MyResize(){ location.reload() }
onresize=MyResize;

ignorer det sidste sp. jeg opretter et nyt sp. for det. men det med innerHTML og NS6 må meget gerne køre videre her.

pelkjaer> ok! tak så sparer det sp. (er temmelig flad med points ;-)

pelkjaer> ka' ikke finde ud af det. altså hvor placeres onresize="MyResize(); ? i <body>? det virker ikke.

hov, der manglede lige et "

<script type="text/javascript">
<!--
function MyResize(){ location.reload() }
onresize=MyResize;
//-->
</script>

Placeres i head sektionen.

ok, det har jeg også prøvet, og jeg kan godt se at siden reloader, men det løser ikke problemet. er det noget med den måde, jeg har defineret mine div'er? her er noget af koden (i min style):

  div#page {
    border:1px solid #cc0000; position:absolute; left:10%; bottom:2%; width:50%; height:550px; overflow:auto; text-align:left; padding: 5px 5px 5px 5px;
    }
  div#reference {
    border:1px solid #0000ff; position:absolute; left:64%; bottom:2%; width:35%; height:200px; overflow:auto; text-align:left; padding: 5px 5px 5px 5px;
    }
  div#ryd {
    border:0px; position:absolute; left:64%; bottom:38%; width:35%; height:15px;
    }

--- der sker i alle fald det uheldige at div'en ryd (der indeholder en knap) kommer ned i div'en reference, og div'en page bliver kun vist fra bunden så det halve mangler (inkl.scrollbaren - og så er man jo på den).

Hmm..jeg har nu aldrig selv brugt "%" på div/spans, men jeg kunne da godt mistænke at det er der problemet ligger.

ok, jeg forsøger med px i stedet. tak så langt.

pelkjaer> så lykkedes det! det er rigtigt, jeg skulle blot erstate % med px, så justerer vinduet selv placeringen ved resize. jeg lægger lige et sp. med 15 points til dig også. det var god hjælp jeg fik.

når du bruger funktionen location.reload vil jeg anbefale at du altid siger
enten:
    location.reload(false); // reload fra cashe
eller
    location.reload(true); // reload fra server

der er ingen regel i javascript der fortæller hvad der skal ske hvis du udelader den parameter, så du risikerer at der kommer reload fra server.

mvh JakobA

Ja det er egentlig rigtigt nok. Thanks :)

jakoba> kunne man få bare en  lillebitte forklaring ;-/ (det plejer du at være flink til, når bare man spør')
hvad gør parametrene false/true her? hvorfor virker det som det gør (reload fra cache/server)?

Jeg går ud fra at han blot gør opmærksom på risikoen for reload via server når man ikke angiver noget.

hmmn, jeg kan overhovedet ikke mærke nogen forskel hvad enten jeg bruger parameteren false eller true. er det for at siden skal reloade hurtigere? men hvorfor har true / false den virkning her?

OK, når man sætter false ind som parameter ved reload() så betyder det noget i retning af: "Reload! [underforstået reload er som default fra server], men gør det alligevel ikke [parameteren "false"]". Så man sætter den i gang med at reloade, men ved samtidig at sige at det skal den alligevel ikke gøre, reloader den i stedet fra serveren. Noget i den stil?

sludder: fra cachen selvfølgelig (sidste sætning)

Ikke nødvendigvis, men den risikerer man.

taler vi lidt forbi hinanden? læs min sidste sætning sådan: "Så man sætter den i gang med at reloade, men ved samtidig at sige at det skal den alligevel ikke gøre, reloader den i stedet fra _cachen_."

;-)