Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe te iFrame Scrollbars Verwijder in JavaScript
Een inline frame of iFrame , is een object in een webpagina met een ander object , zoals een andere webpagina kan houden . Als de hoogte en breedte van de iFrame zijn te klein om het hele object te passen , zal het systeem schuifbalken op het raam iFrame . U kunt JavaScript gebruiken om de iFrame schuifbalken verwijderen door het aanpassen van de " scrollen " eigendom van de iFrame . Instructies
1

Maak een nieuw HTML-document met Kladblok of een HTML-editor . Plaats de HTML headers in het document : < ! DOCTYPE HTML >




geen schuifbalken iFrame < /title > kopen van 2 <p> Maak een JavaScript-functie te verwijderen van de schuifbalken door het instellen van de " scrollen " eigenschap om "nee : " <p> <script> <p> functie removeSB <br> ( ) <br> 3 <p> Steek de iFrame op de pagina met de <div> id tag die u gebruikt in de JavaScript-functie : <br> <p> < iframe id = " otherPage " src = " http : //example.com /iframe.html "width = " 300 " height = " 300 " > < /iframe > <br> 4 <p> Maak een knop op het scherm dat de gebruiker kan drukken om te schakelen uit de schuifbalken in het iFrame : <p> <input type="button" value="Turn <br> off scroll Bars" onClick="removeSB();"> <br> <p> < /body > ; <br> <p> < /html > <br> 5 <p> Sla het bestand op . Openen in een browser en klik op de knop om de schuifbalken van het iFrame verwijderen . <br> <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90933.html' >Hoe maak je een Letter bewerken in Acajoom </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90935.html' >Hoe maak je een PHP wijzigen naar een JS </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>JavaScript Programmeren</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91166.html" title="Javascript Grid Tutorial " target="_self">Javascript Grid Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91126.html" title="Hoe te Ie6 Block " target="_self">Hoe te Ie6 Block </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91212.html" title="Javascript lightbox Tutorial " target="_self">Javascript lightbox Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90757.html" title="Wat Is Event Bubbling ? " target="_self">Wat Is Event Bubbling ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91234.html" title="Hoe te Elementen Met JavaScript Client Side Creëren " target="_self">Hoe te Elementen Met JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91282.html" title="Hoe je oudere browsers Handle With Javascript " target="_self">Hoe je oudere browsers Handle …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90793.html" title="Hoe te Controls toevoegen aan Google Maps API " target="_self">Hoe te Controls toevoegen aan …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90841.html" title="Verborgen Struts in JavaScript " target="_self">Verborgen Struts in JavaScript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90787.html" title="Hoe maak je een webbrowser Winkelwagen Zorg " target="_self">Hoe maak je een webbrowser Win…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Programmering Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90307.html" title="Hoe je Focus Uitschakelen in een JTable Cell " target="_self">Hoe je Focus Uitschakelen in een JTable …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86395.html" title="Verschillen tussen Byte Array Vs . String " target="_self">Verschillen tussen Byte Array Vs . Strin…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85848.html" title="Hoe je Hello World Maak in Microsoft Visual C 2010 Express " target="_self">Hoe je Hello World Maak in Microsoft Vis…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93475.html" title="Hoe te luisteren naar pakketten op Python " target="_self">Hoe te luisteren naar pakketten op Pytho…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86679.html" title="Het verschil tussen functie Negeren & Function Overload " target="_self">Het verschil tussen functie Negeren & Fu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92428.html" title="Hoe kan ik gegevens met PHP in MySQL invoegen " target="_self">Hoe kan ik gegevens met PHP in MySQL inv…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87135.html" title="Hoe te Symbolen bestellen in Programmering " target="_self">Hoe te Symbolen bestellen in Programmeri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95515.html" title="Hoe te DB2 Stored Procedures in Visual Basic 6.0 Applications Bel " target="_self">Hoe te DB2 Stored Procedures in Visual B…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87060.html" title="Hoe kan ik een kolom Uitschakelen in een GridView door Rol " target="_self">Hoe kan ik een kolom Uitschakelen in een…</a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>