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

Knop omzetten in plaatje html?

vuurtoren
8 antwoorden
  • Hoi,

    Ik heb een search knop op mijn website, deze html code is als volgt:



    <div id="site_search_4" style="position: absolute; top:3px; left:853px; width:250px; height:22px;"><form action="" onSubmit="return false;" style="margin: 0; padding: 0;">
    <input id="site_search_4_input" name="site_search_4_input" onkeypress="if (event.keyCode==13) window.location.href='pagina2.html?site_search_results_2='+document.getElementById('site_search_4_input').value+'&amp;depth=0';" style="width: 178px; " type="text" >
    <div style="display: inline"><button onclick="window.location.href='pagina2.html?site_search_results_2='+document.getElementById('site_search_4_input').value+'&amp;depth=0';" style="width: 60px; " >Search</button></div>
    </form></div>



    Nu, zoals u onderaan ziet bij search is dat de knop, ik ben benieuwd of jullie een html code hieraan toe kunenn voegen waardoor ik de search knop naar plaatje kan vervangen, en ook de search bar zelf, indien mogelijk.

    Bedankt !
  • [code:1:0927ba8065]<form name="formulier" action="verwerk.html" method="post" >
    <input type="text" name="tekst" value="waarde"</input>
    <img src="gfx/verzend.jpg" onClick="document.formulier.submit();">
    </form>[/code:1:0927ba8065]
    Ga hier maar eens mee aan de slag. Als je er niet uit komt horen we graag wat je zelf al geprobeerd hebt.
  • En kijk eens hiernaar:
    <button onclick="window.location.href='pagina2.html?site_search_results_2='+document.getElementById('site_search_4_input').value+'&amp;depth=0';" style="width: 60px; " >Search</button>


    Je kan namelijk ook een onclick eventhandler aan een img hangen…
  • Ik kan geen huidige codes weghalen.

    ik heb dit met studio webdesign 4 pro gemaakt, en daar is een knop die automatisch een zoekfunctie insteld. daar heb ik de html code gewoon uit overgenomen, en het werkt allemaal, ik wil dus niks aanpassen. alleen een mogelijkheid om het uiterlijk te veranderen, zodat de functie van alles gewoon hetzelfde blijft.

    En ik heb wel al uren rond zitten kijken op internet voor zoekfuncties of iets dergelijks maar het werkt allemaal niet.. dus als jullie een code weten dat ik er een plaatje in kan zetten, die de knop submit veranderd, zou ik dat erg op prijs stellen.

    mvg
  • nog een keer:

    nu heeft de button een onclick="doeiets()" en daar maak je dan img src="plaatje.png" onclick="doeiets()" van.
  • Ik denk dat ik er bijna ben..:



    <div id="site_search_4" style="position: absolute; top:3px; left:853px; width:250px; height:22px;"><form action="" onSubmit="return false;" style="margin: 0; padding: 0;">
    <input id="site_search_4_input" name="site_search_4_input" onkeypress="if (event.keyCode==13) window.location.href='pagina2.html?site_search_results_2='+document.getElementById('site_search_4_input').value+'&amp;depth=0';" style="width: 178px; " type="text" >
    <div style="display: inline"><img src="Aion_Fansite/Back_images/plaync-link.png" onclick="window.location.href='pagina2.html?site_search_results_2='+document.getElementById ( site_search_4_input )".value+'&amp;depth=0';" style="width: 60px; " >Search</button></div>
    </form></div>



    Maar nu wordt er nog een leeg plaatje weergegeven met linksbovenin zo'n foldertje ofzo.. wat heb ik verkeerd gedaan?

    En als ik heb nu zo maak:


    <div id="site_search_4" style="position: absolute; top:3px; left:853px; width:250px; height:22px;"><form action="" onSubmit="return false;" style="margin: 0; padding: 0;">
    <input id="site_search_4_input" name="site_search_4_input" onkeypress="if (event.keyCode==13) window.location.href='pagina2.html?site_search_results_2='+document.getElementById('site_search_4_input').value+'&amp;depth=0';" style="width: 178px; " type="text" >
    <div style="display: inline"><img src="(C:)/Aion_Fansite/Back_images/plaync-link.png" onclick="window.location.href='pagina2.html?site_search_results_2='+document.getElementById ( site_search_4_input )</button></div>
    </form></div>


    en dan preview website doe, dan sprint de helft van mijn website contents naar de rechterkant van de pagina :S
  • [quote:9afe7bbb73="ricardo35"]Maar nu wordt er nog een leeg plaatje weergegeven met linksbovenin zo'n foldertje ofzo.. wat heb ik verkeerd gedaan?[/quote:9afe7bbb73]
    Dan link je niet naar de goede plek. Controleer het pad van de afbeelding, verwijst ie naar de juiste map?, en let ook op hoofd/kleine letters.
  • [quote:72df9bae7f="vuurtoren"][quote:72df9bae7f="ricardo35"]Maar nu wordt er nog een leeg plaatje weergegeven met linksbovenin zo'n foldertje ofzo.. wat heb ik verkeerd gedaan?[/quote:72df9bae7f]
    Dan link je niet naar de goede plek. Controleer het pad van de afbeelding, verwijst ie naar de juiste map?, en let ook op hoofd/kleine letters.[/quote:72df9bae7f]

    Jup, alles is goed met hoofd- en kleine letters geschreven. Dus daar kan het niet aan liggen..
    en de folders volgorde is ook goed

Beantwoord deze vraag

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