Wątek: Onclick pola submit z zablokowana akcja formularza

Mam takie cos:

Kod:

document.getElementById('id').setAttribute('onclick','return false; funkcja('atrybuty');');

Elementem jest pole submit formularza. I teraz gdy klikam, to chce, aby formularz nigdzie nie szedl, a wykonal moja funkcje. Niestety tak sie nie dzieje - jest return false wiec nie przechodzi nigdzie ale i nie odpala funkcji. Gdy odwroce kolejnosc, o tak:

Kod:

document.getElementById('id').setAttribute('onclick','funkcja('atrybuty'); return false;');

To tez funkcja sie nie odpala, ale dlatego, ze nie zdazy - bo ochodzi do zrealizowania formularza... W jaki sposob zreazlizowac to tak, aby oba te atrybuty dzialaly jednoczesnie? Wiem, ze moge pokombinowac inaczej i uzyc co innego zamiast formularza, ale nie o takie rozwiazanie pytam

WAN, nigdy sie nie zajmowalem na powaznie tym ale widzialem zrodlo ktore takie cos robi. Byla to chyba taka akcja ze najpierw trzeba zniszczyc onclick a pozniej stworzyc nowy onclick ale nie jestem pewny.Przejrzyj biblioteki advajax.js a konkretnie metode assign. Ona dziala dokladnie tak jak ty chcesz. Najprawdopodobniej chodzi ci o logowanie czy costam przez ajaxa wiec to jest w sam raz dla ciebie. Jak bedziesz mial mimo to problemy to wal smialo...

to jest przekopiowany kod? bo jeżli tak, to apostrof wewnatrz stringa zamknietego apostrofem nalezy poprzedzic backslashem

document.getElementById('id').setAttribute('onclic k','funkcja(\'atrybuty\'); return false;');

mozesz tez sprobowac konstrukcji

document.getElementById('id').setAttribute('onclic k','return funkcja(\'atrybuty\');');
i niech twoja funkca zwraca false.

Nie, to nie jest dokladnie skopiowany kod, ja to robie w taki sposob:

document.getElementById('id').setAttribute('onclic k','return false; funkcja('+zmienna1+', '+zmienna2+', '+zmienna3+', '+zmiennan+');');

mozesz tez sprobowac konstrukcji
document.getElementById('id').setAttribute('onclic k','return funkcja(\'atrybuty\');');
i niech twoja funkca zwraca false.

Przez chwile pomyslalem "genialne", ale niestety - powoduje to zrealizowanie submita i funkcja nie wchodzi.

Karer - dzieki za hinta, jutro sie w to zaglebie i poszukam. Tak wlasnie - to jest pod ajaxa i stad potrzebna mi taka "dziwna" konstrukcja.

BTW co ciekawe, probowalem nawet kombinacji onclick return false i do tego dorzucalem wywolanie funkcji na onfocus, ale to tez nie wchodzilo - return false blokuje wszystko az za dobrze i w tym przypadku nawet nie miala znaczenia kolejnosc uzycia

a zamiat bawic sie setattribute

function funkcja(attr) {
...
return false;
}

document.getElementById('id').onclick = funkcja;

Eldus już elegancko podał rozwiązanie. Ze swojej strony dodam jeszcze, że można użyć jQuery:

Kod:

$('submit').click(function(){ 
//tutaj akcja
return false; 
});

Klaus Korner, eldus, tak by bylo w przypadku zwyklego guzika/napisu. Tutaj mowimy o polu formularza czyli zatwierdzanie takze guzikiem ENTER ktore nie zadziala w waszym wypadku. Mamy tez zdarzenie onsubmit (teraz sprawdzilem) i to wlasnie ono powinno zostac nadpisane poniewaz zmieni tylko sposob przesylania formularza a nie sam mechanizm jego dzialania.

Kiedys prubowalem recznie to zrobic opierajac sie na wlasnym doswiadczeniu i na serio nie jest to takie proste jak na pierwszy rzut oka. Trzeba wziac pod uwage troche wiecej tych zdarzen.

Tutaj macie kawalek tej biblioteki o ktorej wspominalem:

Kod:

advAJAX.assign = function(form, args) { 

    if (typeof args == "undefined" || args == null) 
        return -1; 
    if (typeof form != "object" || form == null) 
        return -2; 
    if (typeof form["onsubmit"] == "function") 
        form["_onsubmit"] = form["onsubmit"]; 
    form["advajax_args"] = args; 
    form["onsubmit"] = function() { 
        if (typeof this["_onsubmit"] != "undefined" && this["_onsubmit"]() === false) 
            return false; 
        if (advAJAX.submit(this, this["advajax_args"]) == false) 
            return true; 
        return false; 
    } 
    return true; 
};

submit to wyslanie argumentow z formularza (this)

Ja to jednak glupi jestem
Nakombinowalem sie, naszukalem, a problem taki trywialny.

Kod:

document.getElementById('id').setAttribute('onclick','return false; funkcja('+zmienna1+', '+zmienna2+', '+zmienna3+', '+zmiennan+');');

Jak sie okazalo, ta konstrukcja od poczatku dzialala i byla dobra. Znacznikowi <form> nalezalo dodac w htmlu zwykle onsubmit="return false;" (aby zapobiec potwierdzeniu enterem), a submitowi to co powyzej. Nie dzialalo mi to tylko dlatego, gdyz jedna ze zmiennych zawierala nie liczbe, a tekst i trzeba bylo to umiescic w cudzyslowie (dla przykladu - zmiennan):

Kod:

document.getElementById('id').setAttribute('onclick','return false; funkcja('+zmienna1+', '+zmienna2+', '+zmienna3+', "'+zmiennan+'");');

W polaczeniu z onsubmit false dziala tak, jak powinno
A i wyglada na to, ze eldus mial troche racji z tymi apostrofami, choc w innym sensie, to moglem to zauwazyc...
Dzieki za pomoc.