login  Naam:   Wachtwoord: 
Registreer je!
 Forum

wat is er fout? (Opgelost)

Offline jurgenbosch - 30/10/2015 23:18
Avatar van jurgenboschNieuw lid hallo, ik wil graag een website maken waarmee je kan zoeken op google via een textbox (<input type="text">). alleen werkt onderstaand script niet goed. heeft iemand suggestie's of verbeteringen? dankje!
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!doctypehtml>
  4.    <title>zoek op Google</title>
  5. </head>
  7.    <h1>zoek op google</h1>
  8.    <input type="text" placeholder="zoekterm" Id="inputtextzoekterm" class="textcontainercss">
  9.    <input type="submit" onClick="zoek()" value="zoek" class="submitbuttonsendcontainer">
  10.    <br>
  11.    <a href="" target="_blank" Id="linkazoek"></a>
  12.    <script type="text/javascript">
  13.       function zoek() {
  14.          var zoekterm = document.getElementById("inputtextzoekterm").value;
  15.          var link = "www.google.nl/search?q="+zoekterm;
  16.          var a = document.getElementById("linkazoek");
  17.          a.setAttribute("href", link);
  18.          a.innerHTML(zoekterm);
  19.       }
  20.    </script>
  21. </body>
  22. </html>

3 antwoorden

Gesponsorde links
Offline Thomas - 30/10/2015 23:45
Avatar van Thomas Moderator Je verandert een hyperlink, maar submit het formulier, je "klikt" hiermee dus niet op de (aangepaste) link. Waarschijnlijk wordt alleen de pagina ververst ofzo? Je zou iets met window.location kunnen doen ofzo bij het submitten, die link heb je niet echt nodig volgens mij.
Offline jurgenbosch - 31/10/2015 16:48
Avatar van jurgenbosch Nieuw lid dankjewel, dit script werkt wel!
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <!doctypehtml>
  2. <html>
  3. <head>
  4.    <title>zoek op Google</title>
  5. </head>
  6. <body>
  7.    <h1>zoek op google</h1>
  8.    <input type="text" placeholder="zoekterm" Id="inputtextzoekterm" class="textcontainercss">
  9.    <input type="submit" onClick="zoek()" value="zoek" class="submitbuttonsendcontainer">
  10.    <br>
  11.    <script type="text/javascript">
  12.       function zoek() {
  13.          var zoekterm = document.getElementById("inputtextzoekterm").value;
  14.          var link = "https://www.google.nl/search?q="+zoekterm;
  15.          window.location(link);
  16.       }
  17.    </script>
  18. </body>
  19. </html>
Offline Thomas - 31/10/2015 20:06
Avatar van Thomas Moderator Gelieve het topic te markeren als zijnde opgelost, waarbij je tevens kunt aangeven (door een specifiek bericht te selecteren) welke reactie tot de oplossing leidde of welke reactie de oplossing bevat.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.25s