ajax - onclick calling object working ONLY in Firefox -

-

as stated in title, can onclick calling object in firefox: not in chrome, not in ie, not in safari.

i pretty new ajax , javascript in general, built code around answers guys gave here.

i have html page number of 'products': each 1 of them, have form hidden fields contain information product. every form has 2 (submit) buttons: 1 'add' product shopping cart, other take 'off' of it. want identify button gets clicked in order identify product refers , add or cancel cart list.

here html code page:

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>         test     </title>      <meta charset="utf-8"> <script src="form_submit.js" type="text/javascript"> </script> </head>  <body>     <form id="ajax_1" name="ajax_form" method="post" action="test.php">         <fieldset>             <legend>my form</legend>             <label for="stnz">stnz</label><br />             <input type="hidden" name="stnz" id="stnz" value="1" /><br />              <label for="opz">opz</label><br />             <input type="hidden" name="opz" id="opz" value="1" /><br />               <button id="ajax_1" type="submit" name="on">on</button>             <button id="ajax_1" type="submit" name="off">off</button><br />         </fieldset>     </form>     <form id="ajax_2" method="post" action="test.php">         <fieldset>             <legend>my form</legend>             <label for="stnz">stnz</label><br />             <input type="hidden" name="stnz" id="stnz" value="1" /><br />              <label for="opz">opz</label><br />             <input type="hidden" name="opz" id="opz" value="2" /><br />               <button id="ajax_2" type="submit" name="on">on</button>             <button id="ajax_2" type="submit" name="off">off</button><br />         </fieldset>     </form>     <form id="ajax_3" method="post" action="test.php">         <fieldset>             <legend>my form</legend>             <label for="stnz">stnz</label><br />             <input type="hidden" name="stnz" id="stnz" value="1" /><br />              <label for="opz">opz</label><br />             <input type="hidden" name="opz" id="opz" value="3" /><br />               <button id="ajax_3" type="submit" name="on">on</button>             <button id="ajax_3" type="submit" name="off">off</button><br />         </fieldset>     </form>     <div id="responsearea">&nbsp;</div> </body> </html>

this script code:

window.onload = checkbutton; var xhr = false; var on; var stnz;    var opz; var url;    function checkbutton() { var el = document.getelementsbytagname('button'); for(var i=0; i<el.length; i++){    el[i].onclick = function (e) {      // capturing event     e = e || window.event; var targ = e.target || e.srcelement;  on = (targ.name == 'on') ? true: false;  var form = document.getelementbyid(targ.id);         url = form.action;       stnz = form.stnz.value;      opz = form.opz.value;  makerequest(); return false;     }; }  }   function makerequest(){  if (window.xmlhttprequest) {   xhr = new xmlhttprequest(); }else {   if (window.activexobject) {     try {         xhr = new activexobject("microsoft.xmlhttp");         }     catch (e) { } }     }  if (xhr){            var data = "stnz=" + stnz + "&opz=" + opz + "&act=";     if(on){              data = data + "1";             } else {                 data = data + "0";         }      xhr.onreadystatechange = showcontents;     xhr.open("post", url, true);     xhr.setrequestheader("content-type", "application/x-www-form-urlencoded");     xhr.setrequestheader("content-length", data.length);     xhr.setrequestheader("connection", "close");     xhr.send(data);      }        }  function showcontents(){         if(xhr.readystate == 4 && xhr.status == 200) {         var return_data = xhr.responsetext;         console.log(return_data);         } else {             var return_data = "sorry, couldn't create xmlhttprequest";             console.log(return_data);             }        /*document.getelementbyid("responsearea").innerhtml = return_data;*/ }

the test.php file just:

<?php if (isset($_post['stnz'],$_post['opz'],$_post['act'])){ $stnz= $_post['stnz']; $opz = $_post['opz']; $act = $_post['act']; echo "stnz: " . $stnz . ", opz: " . $opz . ", azt: " . $act; }   ?>

please, me fixit thing chrome, ie , safari.... also, there better way same functionality? (maybe not using forms?) lot!

each browser has own event handling method , use library jquery able handle browsers .

$(el[i]).click(function(e){});

using jquery isn't solution can optimize code every browser adding browser specific codes recipe disaster.same goes ajax request(cross browser problems).

jquery designed browsers in mind , write 1 code , jquery handles browser specific stuff .

example ajax jquery : https://api.jquery.com/jquery.ajax/

$.ajax({    url : url,    type:'post',    data:{"stnz" : stnz , "opz" : opz , "act" : (on ? 1 : 0)}    success : function (data){     },    error:function(){} });

Comments

Post a Comment

Popular posts from this blog

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get...
Read more

Change the color of an oval at click in Java AWT -

-
i have draw ovals in java, , @ click change color. beginning tried change color after 20 ms, doesn't work. my code is: public class mycomponentnew extends frame { public graphics2d g2d; public mycomponentnew(string title) { super(title); setsize(400, 550); } @override public void paint(graphics g) { this.g2d = (graphics2d) g; this.g2d.setcolor(color.red); this.g2d.filloval(10, 55, 50, 100); } public void changecolor () { this.g2d.setcolor(color.blue); this.g2d.filloval(10, 55, 50, 100); } } and in class main method have: mycomponentnew m; m = new mycomponentnew("fereastra cu baloane"); m.setvisible(true); m.addwindowlistener(new windowadapter() { @override public void windowclosing(windowevent we) { system.exit(0); } }); try { thread.sleep(20); } catch(interruptedexception e) {} m.changecolor(); the color of oval remains red. ...
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more