Een knop sluiten toevoegen aan een IFRAME



IFRAMES kunnen webontwikkelaars om sites binnen websites te maken. Bijvoorbeeld door het toevoegen van een eenvoudige IFRAME-code aan uw Web-pagina, kunt u weergeven sitebezoekers een live webcam van een andere site of zelfs een pagina uit een van uw eigen sites. IFRAMES hebben geen menu's of knoppen. Om te sluiten een IFRAME-object, moet u een "Close" knop toevoegen aan uw Web-pagina en maakt een gebeurtenis close om te verbergen van de IFRAME.

  • Open Kladblok of uw HTML-editor en maak een nieuw document.

  • Deze HTML-code toevoegen aan het document:

    http://www.w3.org/TR/XHTML1/DTD/XHTML1-Transitional.dtd ">

    http://www.w3.org/1999/XHTML ">

    JavaScript toevoegen na deze titel

    Deze code maakt u een IFRAME en een knop die wordt gesloten. Eigenschap van de "src" van de IFRAME veroorzaakt om de Whitehouse-website weer te geven. Een "div" tag omringt de IFRAME-verklaring. Merk op dat de tag "div" heeft een id-waarde voor "DivIframe." Dit is een belangrijke waarde. JavaScript-code gebruikt deze waarde om te identificeren van het IFRAME.

  • Deze JavaScript-code na sectie van de "titel" van het document invoegen:

    Regel een wordt de variabele "closeButton". In dit voorbeeld, dat de waarde van variabele, "MyCloseButton," overeenkomt met de ID van de knop die is gedefinieerd in de vorige stap. Lijnen 2 en 3 Maak een functie met de naam "SetupButton." Deze functie wordt uitgevoerd als een browser de webpagina laadt. Lijnen 4 t/m 8 maken een click-gebeurtenis-handler. Deze gebeurtenis-handler roept de functie met de naam "closeIframe" wanneer u klikt op de knop boven de IFRAME. Lijnen negen door elf verkrijgen van een verwijzing naar het object "div" en verbergen.

  • Sla het HTML-document. Open uw browser en dat doument laden. De IFRAME met de Whitehouse website verschijnt onder de "Close This Iframe" knop.

  • Klik op de knop. De JavaScript-code zal uitvoeren en sluit de IFRAME.

Tips & waarschuwingen
  • In dit voorbeeld van de IFRAME-code voor "src" zorgt ervoor dat de IFRAME te laten zien van de Whitehouse-website. Wijzig de waarde van de "src" in de URL van een site op het Internet site wilt weergeven die in de IFRAME.
Labels: Tech, Web programmeren

Gerelateerde Artikelen

Hoe een Skype Bel Me knop toevoegen aan een website

Hoe een Skype Bel Me knop toevoegen aan een website

Het schijnt als iedereen een website deze dagen heeft, en sommige meer dan één hebben. Bent u een van deze verbonden typen kunt u een knop toevoegen aan uw site waarmee bezoekers contact met u opnemen via Skype. U kunt ook een Skype Me knop toevoegen
Hoe een koppeling toevoegen aan een knop in AS2

Hoe een koppeling toevoegen aan een knop in AS2

ActionScript is een programmeertaal die is gebruikt voor het ontwikkelen van Flash-gebaseerde websites en banners. ActionScript 2.0, kortweg AS2, is een grammaticale revisie van de oorspronkelijke taal van Actionscript 1.0. AS2 kan de programmeur mak
Feestdagen toevoegen aan een Outlook-agenda 2007

Feestdagen toevoegen aan een Outlook-agenda 2007

Microsoft Office Outlook 2007 bevat hulpprogramma's waarmee u uw e-mail, contactpersonen, taken en agenda beheren. U kunt belangrijke datums toevoegen aan uw Outlook-agenda, of het nu gaat om een verjaardag of een zakelijke bijeenkomst, en de data te
Een telefoonnummer toevoegen aan een Skype-Contact

Een telefoonnummer toevoegen aan een Skype-Contact

Skype is een veelzijdig softwareprogramma waarin instant messaging, gratis videobellen en Internet bellen. Skype van VoIP (Voice over Internet Protocol)-functie kunnen gebruikers bel iemand vanuit de softwareprogramma, zolang ze een microfoon of head
Hoe groepen toevoegen aan contactpersonen in een iPhone

Hoe groepen toevoegen aan contactpersonen in een iPhone

Apples iPhone smartphoneapparaat wordt geleverd met de 'Contacts' toepassing vooraf geïnstalleerd. Deze toepassing organiseert de contacten die zijn opgeslagen op uw iPhoneapparaat en kun je snel navigeren door uw contactgegevens. De toepassing laat,
Hoe snelkoppeling naar een map toevoegen aan Favorieten in Microsoft Word 2007

Hoe snelkoppeling naar een map toevoegen aan Favorieten in Microsoft Word 2007

Het menu Favorieten is een functie van Internet Explorer die wordt gebruikt om de websites van de bladwijzer die u wilt opslaan of opnieuw op een later tijdstip. Door het maken van een snelkoppeling van de favorieten, kunt u snel toegang tot de opges
Een Hyperlink toevoegen aan JPEG bestanden

Een Hyperlink toevoegen aan JPEG bestanden

Links worden meestal weergegeven als onderstreepte tekst waarop gebruikers kunnen klikken. Het is echter eenvoudig om te zetten van een afbeelding in een link naar creativiteit aan uw project toevoegen. In Microsoft Office-toepassingen zoals PowerPoi
Kop- en voetteksten toevoegen aan een Document in Word 2003

Kop- en voetteksten toevoegen aan een Document in Word 2003

Kopteksten en voetteksten toevoegen aan een document in Word 2003 om automatisch paginanummers, namen van de auteur of running hoofden te nemen zonder het verstoren uw indeling of lay-out. Volg enkel deze stappen.Wat die u nodig hebtWord 2003Computer
Een Word-Document toevoegen aan PowerPoint

Een Word-Document toevoegen aan PowerPoint

PowerPoint-dia's bieden ruimte om tekst, afbeeldingen, video, geluid en documenten uit andere softwareprogramma's, zoals PowerPoint van Microsoft Office Suite partner, Word geïmporteerd. U kunt een Word-document toevoegen aan een PowerPoint-dia net z
Geluidseffecten toevoegen aan een MP3-bestand met Audacity

Geluidseffecten toevoegen aan een MP3-bestand met Audacity

De veelzijdige software, Audacity, kan worden gebruikt voor zowat elk type audio bestand dat u wilt bewerken en er zijn een enorme aantal dingen die u om een audio-bestand doen kunt. U kunt bijvoorbeeld geluidseffecten toevoegen aan een MP3-bestand m
Hoe een regel toevoegen aan een koptekst in Word

Hoe een regel toevoegen aan een koptekst in Word

De tekst een koptekst toe te voegen aan een Microsoft Word-document niet ingesteld in steen; u kunt terug gaan en bewerken van de koptekst om de wijziging of aanvulling van de informatie op elk gewenst moment op vrijwel dezelfde manier als de platte
Structuur toevoegen aan een PowerPoint-Shape

Structuur toevoegen aan een PowerPoint-Shape

Zodra u een vorm aan uw Microsoft PowerPoint-presentatie hebt toegevoegd, kunt u de shape opvullen met een effen kleur of een nog interessanter uiterlijk maken door te vullen met een patroon. Er zijn veel texturen om uit te kiezen, of u kunt een text
Alternatieve tekst toevoegen aan een afbeelding bij in Dreamweaver

Alternatieve tekst toevoegen aan een afbeelding bij in Dreamweaver

Alternatieve tekst toevoegen aan afbeeldingen op uw website is een belangrijk toegankelijkheid-onderdeel dat u moet opnemen. Alternatieve tekst wordt een korte tekstbeschrijving van alle afbeeldingen die u op uw site opneemt. Wanneer iemand naar uw w
NetBeans: Hoe afbeeldingen toevoegen aan een Web-Project

NetBeans: Hoe afbeeldingen toevoegen aan een Web-Project

NetBeans scheidt elk onderdeel en elke vorm in pakketten. Pakketten kunt u categoriseren en ordenen van uw afbeeldingen. De afbeeldingen die u in een project opneemt worden gebruikt in labels, knoppen en andere besturingselementen van Java. NetBeans