<a href="#waarde">ganaar</a>

Door ray de graaf op 21-04-2013 19:35 gewijzigd op 21-04-2013 20:07

2.109 views

hallo

ik heb een vraag over HREF

ik wil middels een href="#waarde" naar een locatie op de pagina gaan.

<a href="#122"> ga naar</a>

dit werkt prima, maar dan het probleem:

ik heb een formuliertje gemaakt die ik met php samensstel, de datalist dan


<form>
<input type=text list=listnaam>
<datalist id=listnaam>

<?php 
CONNECT, QUERY ETC -->	
echo " <option value=\"".$row['NAAM']."\" href=\"#".$row['ID']."\">";
EN DE REST
?>

nu krijg ik alle waardes in het input form, maar dan heb ik geen klikbare link meer. Mijn vraag is hoe voeg ik nu een button toe die dat wel doet?

misschien handig om erbij te zeggen, ik gebruik een jquery scriptje die het scrollen regelt, het gaat er dus alleen maar om door op submit te drukken naar een gedeelte van de pagina te gaan

Kris Peeters

22-04-2013 11:21

Zo?


<!DOCTYPE html>
<html>
  <head>
  <style>
  p {
    margin-bottom: 300px;
  }
  </style>
  </head>
  <body>

    <input list="my_datalist" name="browser" id="my_input">
    <datalist id="my_datalist">
      <option value="appel">
      <option value="peer">
      <option value="citroen">
    </datalist>
    <input type="button" id="my_button" value="GO!">
    
    <hr>
    
    <a name="appel"><h2>Appel</h2></a>
    <p>bla bla bla</p>

    <a name="peer"><h2>Peer</h2></a>
    <p>bla bla bla</p>

    <a name="citroen"><h2>Citroen</h2></a>
    <p>bla bla bla</p>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        var button = $('#my_button'),
            datalist = $('#my_datalist'),
            input = $('#my_input');
       
        button.click(function() {
          var href = '#' + input.val();
          window.location = href;
        });
      });
    </script>
  </body>
</html>

ray de graaf

22-04-2013 21:24

dat werkt fantastisch! maar nu wil ik een class megeven aan de A HREF

als ik dit doe:

  var href = '#' + input.val() + 'class="class1"';

dan krijg ik in de browser dit

http://www.site.nl/#Sensation class="class1"

is het mogelijk om een class toe te voegen?

Reageren

Inloggen om te reageren