jquery - Popup doesnt show when using mysqli -

-

i'm creating form, results should showed in popup.

the query works, when combine popup doesn't. when use popup script alone doesn't show popup.

so quess problem popup.

//javascript $main .= '<head> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> </head>'; //end javascript

-

//script <script> $(document).ready(function() {      $("#dialog").dialog({        autoopen: false,       show: {         effect: "blind",         duration: 1000       },       hide: {         effect: "explode",         duration: 1000       }     });      $("#select-button").click(function() {       $( "#dialog" ).dialog( "open" );     }); });  </script>

-

//form  $main .= "     <form action='' method='post'>         <span class='forminput'>zoek:</span>         <input type='text' name='zoekproduct' />         <input id='select-button' type='submit' name='searchbtn' value='zoek!' />     </form>";  // end form

-

// when used button     if(isset($_post['searchbtn']))     { // query     $statement = $connectionwebshop->prepare("     select          producten.productlink,         prod_omschrijving.producttitel             producten     inner join         prod_omschrijving      on         producten.idproduct=prod_omschrijving.idproduct     inner join         prod_categorie     on         producten.idproduct=prod_categorie.idproduct             (producten.productlink ?     or         prod_omschrijving.producttitel ?     or         producten.productcode ?)     ,         prod_categorie.idcategorieen != 8001     order         prod_omschrijving.producttitel     ");     $statement->error;     $zoekproductresult ='%'.$_post['zoekproduct'].'%';     $statement->bind_param('sss', $zoekproductresult, $zoekproductresult, $zoekproductresult);     $statement->execute(); $result = $statement->get_result(); //end query

-

//create popup $main .='    <div id="dialog" title="resultaten selecteren" style="display: none">';             if(($result->num_rows)>=1)             {             $resultaten = 'found '.($result->num_rows).' products.<br/>';                  while ($row = $result->fetch_assoc())                 {                 $resultaten.= $row['producttitel'];                 $resultaten.='<br/>';                 }             }             else             {             $resultaten ='nothing found';             }         $main .= $resultaten;     $statement->close();     $main .='</div>';     }

you need prevent default action of form if want popup show (otherwise page reload).

try this:

$("#select-button").click(function(e) {   e.preventdefault();   $("#dialog").dialog( "open" );    // post stuff   $.ajax({       url: 'form url here',       type: 'post',       data: 'zoekproduct=' + $('#zoekproduct').val(), // give zoekproduct input id       success: function (result) {           // success stuff here       }   }); });

example


Comments

Post a Comment

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

-
i having problem, have grid called "gridbasica" , this: thisform.gridbase.recordsource = "sgviemp" sgviemp cursor made executing select sqlserver command sqlexec. when want modify registry, go form , the update there. so, when come form grid, grid isnt grid anymore, big white rectangle. reading around said: delete recordsource , asingt again. thisform.gridbase.recordsource = "" *--i sqlexe here thisform.gridbase.recordsource = "sgviemp" i , works, but, when click button modify again cursos updated modify form doesnt load fields did first time. could me out that? thanks in advance. --------------- edit ------------------ i have been doing recommended: lnselect = select(0) n = sqlexec(thisform.conexion,"select emp_ccodigo codigo, emp_cnombre 'nombre o razon social', emp_cnumrif 'r.i.f' sgviempr","sgviemp1") set echo on suspend select sgviemp zap in sgviemp *-- browse *--zaps correct
Read more

jquery - Set jPicker field to empty value -

-
im using jpicker color selector in form. have clear value set window/icon 'no color selected' state. i've tried following: $(':input[name="color"]').val(''); //access value directly. (does not affect jpicker) 2: $.jpicker.list[0].color.active.val('hex', '', this); //set color black , input value 000000, instead of empty string 3: $.jpicker.list[0].color.active.val(null, '', this); //does nothing none of 3 methods seems behave properly. in advance. this works me :) $.jpicker.list[0].color.active.val('v', null); here example: http://jsfiddle.net/3up7n/
Read more

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r
Read more