Form submit link-ké alakítása

ha a form method paraméterében GET-et adsz meg (POST helyett), akkor pont ezt csinálja mint amit vázoltál

tomnash: valóban, de csak akkor, ha újra akarod tölteni az egész lapot. Ez pont akkor jó, ha elég egy div-be betölteni az eredményt a háttérben.

Szia!
Még mindig csinálhatod azt, hogy amit az onclickre raktál, azt beteszed egy függvénybe és megadod a form onsubmit-jának is (az a-ban pedig a függvényhívás után rakhatsz egy return false;-t, hogy ne kerüljön be a # a böngészősávba és ne ugorjon a lap a tetejére…), akkor enterre való submitkor is menni fog.

bolint: nem igazán értem, amit írtál. Az anchor tag onclick-je csak beállítja a href attribútum értékét. A form onsubmit-je is beállíthatja az anchor href-jét, de akkor még kattintani is kell a link-re.. Vagy lehet, hogy nem erre gondoltál.

Szia!

Rövidebb lesz egy példával :)

function doSearch(){
document.getElementById(‘button’).href=’search.php?what=’+searchForm.elements[‘whatAreYouSearchingFor’].value;
//azt nem értem miért az ‘a’ href-jét állítod, de meghagytam
return false;
}

Search

Ilyenkor, ha enterre submitál a form, akkor is az hajtódik végre amit akarsz (csak azért írtam, mert ezt írtad: „Természetesen csak akkor működik, ha nem ENTER-rel szubmittálja a kedves felhasználó…”).

OK :) nem sikerült helyesen beszúrnom.

Újra:

7
8
9
10
11
12
13

<script>
function doSearch(){
document.getElementById(’button’).href=’search.php?what=’+searchForm.elements['whatAreYouSearchingFor'].value;
//azt nem értem miért az ‘a’ href-jét állítod, de meghagytam
return false;
}
</script>

4
5
6
7

<form name="searchForm" onsubmit="return doSearch();">
<input type="text" name="whatAreYouSearchingFor" />
<a href="#" id="button" onclick="doSearch();return false;" rel="nofollow">Search</a>
</form>

bolint: az én hibám, nem voltam elég részletes, ezért értettük félre egymást, de most megmutatom mire gondolok: http://href.hu/x/74sy Itt látható, hogy miért az a href-jét állítgatom: ha a link-re kattintok, akkor betölti egy div-be az eredményt, ami jó, mert ezt akartam elérni, ha viszont enter-rel submit-tálok, akkor újratöltődik az index.php, mivel nincs megadva action a form-hoz. Odalinkeltem a forrást is, ha tudsz megoldást az enter-problémára, örömmel veszem és bocs, ha „megvezettelek”.

Szia!

Elég bonyolult a kódód (nem sértésből mondom…). És az enter is pont azért nem működik ahogyan leírtam :) Próbáltam gyorsan átalakítani, de igazából az addEvent nélkül gyorsabban menne :) Nem gondolkodtál még mondjuk jQuery beemelésén, akkor nem kellene minden click-et vizsgálni a documentumban, hanem megadhatnád, hogy a eztfuttasd-ide classú ‘a’ elemek onclickje legyen az a függyvény (ugyan úgy automata maradna az eljárás). Egyébként így sem rossz, de nagyon át kellene szabnom, hogy jó legyen (mondjuk ha már elkezdtem, akkor lehet befelyezem este…).

Egy olyan megoldásra lenne szükségem HTML file-ban mint ez, csak müködjön enterre.
Bolint megoldása nem ment nekem.
Valaki valami ötlet? jelenleg a Google keresésre ezt használom:

1
2
3

 
 
          <a href="#" rel="nofollow">Search</a>

Ez természetesen mint a leirásban is olvasható nem ment enterre.