Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

innerhtml

None
13 antwoorden
  • 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

  • Ligt het aan mij of is je vraag misschien wat onduidelijk?
    Wat bedoel je precies?
  • Post anders een stukje code. :smile:
  • Als ik het goed begrijp staat de tekst in een div container.
    div containers kan je positioneren met css:
    [code:1:78c7ad6805]
    <div style="position: absolute; left: 100; top: 100;">hier je tekst</div>
    [/code:1:78c7ad6805]
    ff met de variabelen rommelen en je plaatst em waar je wilt..

    t.



  • Oh zo, nu snap ik het.
    Op http://css.pagina.nl/ staat genoeg uitleg over CSS en div'jes. :smile:
  • http://www.w3schools.com/dhtml/dhtml_examples.asp

    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>
  • Ja Arnout, iest dergelijks staat er in het script. Maar ik kan dus nergens vinden waar de plaats van de weer te geven tekst wordt bepaald. Het event doet zich voor op het moment dat de totale pagina al is weergegeven.

    Voor suggesties bij voorbaat mijn dank
  • 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.
  • post anders ff de bron, of uploaden en de uri ff geven, dan kunnen wij iets preciezer zoeken…

    t.
  • 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 ]
  • 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 ]
  • Allemaal bedankt voor jullie reactie, wat er nog ontbrak was een stukje code waarin de positie stond weergegeven
  • 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.
    http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_xycursor
    http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_mouse_cursortext
    http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_examples_position

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.