Form inside javascript not working -


i using javascript show sort of menu box clickable links changed mind , want use links forms now.

<script type="text/javascript">         $('.mouseon-examples div').data('powertipjq', $( [     '<table class="tabulkajazyku"><form id="myformen" action="member" method="post"><input type="hidden" name="jazyk" value="en"><tr><td><a class="odkaz_cerveny odkaz_cerveny_block" href="#" id="mylinken"><img src="/images/flag_en.jpg" class="vlajky"><div class="posun5">en</div></a></td></tr></form><form id="myformes" action="member" method="post"><input type="hidden" name="jazyk" value="es"><tr><td><a class="odkaz_cerveny odkaz_cerveny_block" href="#" id="mylinkes"><img src="/images/flag_es.jpg" class="vlajky"><div class="posun5">es</div></a>&nbsp;</td></tr></form></table>'     ].join('\n'))); $('.mouseon-examples div').powertip({     placement: 's',     mouseontopopup: true });      </script> 

in order start form working need code

<script type="text/javascript">      window.onload = function() { document.getelementbyid('mylinken').onclick = function() {     document.getelementbyid('myformen').submit();     return false; };  document.getelementbyid('mylinkes').onclick = function() {     document.getelementbyid('myformes').submit();     return false; };     

};

it not seem working. instead of redirecting me site called member action="member" , sending form, href="#" stays @ same page , nothing.

honestly, don't need form clickable link simple text not work. need each row (tr) table behave form.

i total beginner javascript following rule of thumb.

i used table part on different page (not in javascript code , working fine)

could please me error might be?

thank lot!

the click events won't bound elements, because elements doesn't exist when code runs. elements won't exist until user causes tooltip display.

you can use delegated events in jquery bind event existing parent element , events bubble it. way events can bound elements doesn't exist yet:

$(function() {   $(document).on('click', '#mylinken', function(e) {     e.preventdefault();     $('#myformen').submit();   });    $(document).on('click', '#mylinkes', function(e) {     e.preventdefault();     $('#myformes').submit();   }); }); 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -