javascript - Get ID of Table Element and open a modal with data with same id -

-

hy, have following table bootstrap have data php select:

    <div class="table-responsive">          <table class="table table-bordered table-hover">              <tr>                 <th>nome</th>                 <th>cognome</th>                 <th>telefono</th>                 <th>e-mail</th>                 <th>azioni utente</th>             <tr>              <?php                  while($contatto = mysql_fetch_assoc($risultati)) {                      echo "<tr>";                      echo "<td>" .$contatto['nome']. "</td>";                     echo "<td>" .$contatto['cognome']. "</td>";                     echo "<td>" .$contatto['telefono']. "</td>";                     echo "<td>" .$contatto['email']. "</td>";                     echo "<td>                      <a href='#' class='btn btn-primary' data-id='".$id = $contatto['id']."'><span class='glyphicon glyphicon-pencil'></span></a></button>                     </td>";                 }              ?>          </table> </div>

and clicking on button open me modal:

<div id="mymodal" class="modal fade" style="padding-top:15%; overflow-y:visible;">     <div class="modal-dialog">          <div class="modal-content">              <div class="modal-header">                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>                 <h4 class="modal-title custom_align" id="heading">modifica dati contatto</h4>             </div>                  <div class="modal-body">                     <div class="form-group">                         <input class="form-control" type="text" placeholder="nome" value = "<?php echo $row[0]; ?>">                     </div>                     <div class="form-group">                         <input class="form-control" type="text" placeholder="cognome">                     </div>                     <div class="form-group">                         <input class="form-control" type="text" placeholder="riferimento (eventuale)">                     </div>                     <div class="form-group">                         <input class="form-control" type="text" placeholder="numero telefono">                     </div>                     <div class="form-group">                         <input class="form-control" type="text" placeholder="indirizzo e-mail">                     </div>                 </div>                  <div class="modal-footer ">                     <button type="button" class="btn btn-primary btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> modifica contatto</button>                 </div>              </div>             <!-- /.modal-content -->          </div>         <!-- /.modal-dialog -->      </div>

with javascript:

<script type="text/javascript">     $(document).ready(function(){         $('.btn').click(function(){             //get id             var id = $(this).data('id');             $("#mymodal").modal('show');         });     }); </script>

i want know best solution open modal values ​​of sql's row same id. in advance suggestions

i use ajax call when button gets pressed. such as: 

<script type="text/javascript">  $(document).ready(function() {      $('.btn').click(function() {          //get id          var id = $(this).data('id');          $.ajax({              url: "lookup.php",              data: id,              type: "post",              cache: false,              datatype: "json"          }).done(function(response) {              // error checking, etc.             if (response) {                  $("#mymodal").modal('show');              }           });      });  </script>

then here if return data database can append them modal using jquery.


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more