Toon posts:

Geen horz. scrollbar

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb tabel gemaakt met daarin een iframe, nou wil ik dat er (als het nodig is) wel een vert. maar nooit een horz. scrollbar komt. Is hier een oplossing voor.

Bij voorbaat dank.

  • DeFeCt
  • Registratie: Juli 2000
  • Laatst online: 27-08 10:43

DeFeCt

je wéét toch

Zorgen dat je content niet hoger wordt dan je i-frame

Flickr


Verwijderd

Topicstarter
Ja, maar vervelende is (la ma, bedenk me net dat denk aan de marges licht :s darn)

Verwijderd

Dit is mogelijk met scripting. Helaas is dit niet zo simpel. Je hebt de main-pagina en de sub(iframe)pagina. in de iframe pagina doe je het volgende (ik ga er van uit dat je geen frames gebruikt buiten de iframe):

<script language="javascript">
<!--
function document_onload()
{
width = document.body.offsetWidth;
top.document.iframenaam.style.width=width;
}
window.onload=document_onload;
//-->
</script>

Verwijderd

IE-only: css-property overflow-x :)

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Verwijderd schreef op 15 oktober 2002 @ 16:09:
IE-only: css-property overflow-x :)
true, maar Mozilla heeft deez:
code:
1
2
-moz-scrollbars-horizontal
-moz-scrollbars-vertical

:)

www.jurgroessen.nl


  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Hangloozz schreef op 15 oktober 2002 @ 16:16:true, maar Mozilla heeft deez:
code:
1
2
-moz-scrollbars-horizontal
-moz-scrollbars-vertical

:)
't word overigens hoog tijd dat W3G ze maar ze allemaal gewoon:
code:
1
2
scrollbars-horizontal
scrollbars-vertical


gaan heten..

Verwijderd

Hangloozz schreef op 15 oktober 2002 @ 16:16:
true, maar Mozilla heeft deez:
code:
1
2
-moz-scrollbars-horizontal
-moz-scrollbars-vertical

:)
_/-\o_

[off topic]
Icoontje rulez en je signature.. daar ken ik nog een variant van;
Even a short pencil is more reliable then the longest memory. :)
[/off topic]

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Verwijderd schreef op 15 oktober 2002 @ 16:38:
[...]

_/-\o_

[off topic]
Icoontje rulez en je signature.. daar ken ik nog een variant van;
Even a short pencil is more reliable then the longest memory. :)
[/off topic]
hmm, ruik ik hier een nieuwe 'Mozilla spammer'? :)
Als opvolger van Arien * Hangloozz *

offtopic:
icoon is een random number tussen 1 en 5 met een vaste kleur voor elke dag :)

www.jurgroessen.nl


Verwijderd

Hangloozz schreef op 15 oktober 2002 @ 16:47:
hmm, ruik ik hier een nieuwe 'Mozilla spammer'? :)
nee, maar dit helpt me wel, kende deze nog niet, ga ze denk ik allemaal maar eens bij elkaar zoeken (mozilla extensies)
offtopic:
icoon is een random number tussen 1 en 5 met een vaste kleur voor elke dag :)
Is het icoontje niet van die nieuwe videoclip, waar ik ff zo snel de naam niet van kan vinden :P

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Verwijderd schreef op 15 oktober 2002 @ 18:18:
nee, maar dit helpt me wel, kende deze nog niet, ga ze denk ik allemaal maar eens bij elkaar zoeken (mozilla extensies)
lijkt me handig, en daarna ga je ze ook openbaar maken voor ons tweakers he? :P

Het valt me namelijk op dat je weinig goede documentatie over Mozilla features enz. kan vinden.
En dan bedoel ik niet de nerdentalk op Mozilla.org maar meer 'Mozilla for humans' :)
Qua scripting helpt O'reilly's Javascript bible een heel eind met het volledige DOM als naslagwerk maar qua CSS is het behelpen..
Verwijderd schreef op 15 oktober 2002 @ 18:18:
Is het icoontje niet van die nieuwe videoclip, waar ik ff zo snel de naam niet van kan vinden :P
oh, ok..je hebt webicons uit staan..had ik ff niet door.
Da's inderdaad de squirrel uit de videoclip van JuniorSenior ja :)
retevette stijl en maakt wat jeugsentiment los he :)

www.jurgroessen.nl


Verwijderd

Hangloozz schreef op 15 oktober 2002 @ 21:55:
lijkt me handig, en daarna ga je ze ook openbaar maken voor ons tweakers he? :P
spreekt voor zich :)
Het valt me namelijk op dat je weinig goede documentatie over Mozilla features enz. kan vinden.
idd, helemaal mee eens, maar ik heb vandaag een van die developers een mailtje gestuurd met de vraag of hij een lijstje kan maken van specifieke CSS extensies voor Mozilla en naar mij kan mailen, hij heeft ook uitgelegd waarom ze de -moz extensie gebruiken, zolang het nog geen officiele W3 aanbeveling is (en dus nog niet officieel opgenomen in de specs) en dus ook nog onderhevig is aan mogelijke veranderingen houden ze die extensie, wordt het echter opgenomen dan zal de -moz extensie worden verwijderd.
En dan bedoel ik niet de nerdentalk op Mozilla.org maar meer 'Mozilla for humans' :)
Qua scripting helpt O'reilly's Javascript bible een heel eind met het volledige DOM als naslagwerk maar qua CSS is het behelpen..
Yup zo liep ik dus laatst ook tegen iets aan m.b.t. box model verschillen (ook daar zijn Mozilla extensies voor) vandaar dat ik ze ook allemaal maar even bij elkaar wil zoeken en in een handig online naslag documentje (misschien met wat voorbeelden) wil gooien :)
Da's inderdaad de squirrel uit de videoclip van JuniorSenior ja :)
retevette stijl en maakt wat jeugsentiment los he :)
ah! dank u! dat was het nummer idd, te gekke clip! heeft meteen mijn aandacht.. al die mooie grote grove pixels ;)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 12:19

crisp

Devver

Pixelated

Verwijderd schreef op 15 oktober 2002 @ 14:23:
Dit is mogelijk met scripting. Helaas is dit niet zo simpel. Je hebt de main-pagina en de sub(iframe)pagina. in de iframe pagina doe je het volgende (ik ga er van uit dat je geen frames gebruikt buiten de iframe):

<script language="javascript">
<!--
function document_onload()
{
width = document.body.offsetWidth;
top.document.iframenaam.style.width=width;
}
window.onload=document_onload;
//-->
</script>
nu ga ik toch even mijn versie van dit korte scriptje posten:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">

function document_onload() {

  var width = document.body.scrollWidth;
  parent.document.frames['iframenaam'].style.width = width + 'px';

}

window.onload=document_onload;

</script>


1) de <script> tag dient tegenwoordig vergezeld te gaan van een type-declaration
2) ik hou variabelen die alleen binnen een functie gebruikt worden het liefst ook local, dus zet ik er 'var' voor (anders wordt 'ie automagisch global in js)
3) ik denk dat je in dit geval beter de scrollWidth kan uitlezen anders heeft het nog weinig zin
4) 'parent' lijkt me in dit geval logischer dan 'top'
5) ik gebruik liever de lange notatie om elementen aan te spreken zodat in dit geval bijvoorbeeld 'iframenaam' makkelijk ooit door een variabele vervangen kan worden
6) de style property 'width' dient vergezeld te gaan met een unit (kan ook bijvoorbeeld 'em' zijn)
7) <!-- //--> tags rondom scripts zijn in alle hedendaagse browsers overbodig
8 ) deze style van coden (indenten enzo) vind ik persoonlijk duidelijker (maar dat is een kwestie van smaak)

ik vraag me ook af of een window.resizeTo(w, h) niet hetzelfde effect zou hebben...

nb: dit is niet bedoeld als kritiek, maar ik laat mijn visie los op dit stukje code van jou. Naar wat ik begrepen heb heb je redelijk wat ervaring en ik hoop dat ik nog wat van je kan leren aangezien ik webscripting pas sinds ruim een jaar als hobby beoefen. Dit draadje is misschien niet de juiste plek voor een diepgaande discussie over do's and dont's, maar misschien kunnen we daar eens een apart draadje over opzetten :)

Intentionally left blank


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Verwijderd schreef op 15 oktober 2002 @ 22:18:
Yup zo liep ik dus laatst ook tegen iets aan m.b.t. box model verschillen (ook daar zijn Mozilla extensies voor) vandaar dat ik ze ook allemaal maar even bij elkaar wil zoeken en in een handig online naslag documentje (misschien met wat voorbeelden) wil gooien :)
ahja, dat topic over boxjes herinner ik me nog wel ja :)
Dat zijn handige dingetjes die ook in m'n bookmarks verdwijnen..

www.jurgroessen.nl

Pagina: 1