Ga naar inhoud

innerhtml


anoniem

Aanbevolen berichten

Ik wil een bestaande site aanpassen en daarbij wordt gebruik gemaakt van een opdracht waarin het woord innerhtml voorkomt. Voor zover ik het begrijp wordt dit gebruikt om in een bepaalde situatie een stuk webpagina zichtbaar te maken en is het javascript. In mijn geval komt het stukje pagina ook wel op het bedoelde moment tevoorschijn, echter op de verkeerde plaats. Wie weet hoe ik kan sturen waar de door mij gewenste tekst tevoorschijn komt
Link naar reactie
[url]http://www.w3schools.com/dhtml/dhtml_examples.asp[/url] Is dit wat je bedoelt? <html> <head> <script type="text/javascript"> function nameon() { h2text.innerHTML="WELCOME!" } function nameout() { h2text.innerHTML="How are you today?" } </script> </head> <body> <h2 id="h2text" onmouseout="nameout()" onmouseover="nameon()"> Mouse over this text!</h2> </body> </html>
Link naar reactie
id="h2text" geeft een unique identificatie! In dit geval staat id="h2text" in de H2 tag. En h2text.innerHTML="WELCOME!" in de functie. Deze id's komen overeen en de tekst wordt weergegeven op de plek waar de overeenkomstige id zich bevind. Als je de tekst ergens anders wilt hebben, dan moet je een andere tag of 'object' het id="h2text" geven. (en de oude weg halen) De tekst wordt dan op dat andere object weergegeven.
Link naar reactie
De functie innerHTLM doet gewoon wat de naam zegt. Het plaats HTML tussen de gedefinieerde tag. De tag wordt geidentificeerd door het attribuut id. Nu kan de pagina dus worden aangepast, nadat deze al is geladen. <head> <script language="javascript"> function replaceText(id, text) { var target = document.all[id]; target.innerHTML = text; } </script> </head> <body> <table> <tr> <td id="cell1">Hier staat text 1</td> <td id="cell2">Hier staat text 2</td> </tr> <tr> <td><a href="javascript:replaceText('cell1', 'Text 1 is nu');">Wijzig text 1</a> </td> <td><a href="javascript:replaceText('cell2', 'Text 2 is nu');">Wijzig text 2</a> </td> </tr> </table> </body> Shit! sluitende script tag vergeten... _________________ Live is all about priorities<P>Tazzie was formely known as Taz4fun or Taz44fun [ Dit Bericht is bewerkt door: Tazzie op 2002-01-30 10:50 ]
Link naar reactie
En dus kan je het ook groter of kleiner maken door tevens tags mee te geven, bv: ipv "Text 1 is nu", "<b><i>Text 1 is nu</i></b>" of elke andere HTML opmaak cq code die gewenst is... Er bestaat ook een functie outerHTML die hetzelfde doet, maar dan de code om de meegegeven tag zet. werkt overigens voor zover bekend alleen in IE5.0+ en NN6.0+ _________________ Live is all about priorities<P>Tazzie was formely known as Taz4fun or Taz44fun [ Dit Bericht is bewerkt door: Tazzie op 2002-01-30 10:54 ]
Link naar reactie
Je kunt de positie opgeven in de vorm van x en y coördinaten, dus position is absolute. Maar normaal gesproken is de positie afhankelijk van de verschillende objecten en browser afhankelijk, dus position is relative. Ik denk dat je met onderstaande voorbeelden wel een heel eind kunt komen. [url]http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_xycursor[/url] [url]http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_mouse_cursortext[/url] [url]http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_examples_position[/url]
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...