html - Displaying bootstrap custom modal -


problem description

i have 2 views. first 1 contains link, when clicked, should display second view custom modal. both files in same folder called school.

code

firstview.html 

<html>   <head>click link</head>    <body>     <div>     <a  data-toggle="modal" href="secondview.html" data-target="#secondview" >additional details</a>    </div>   </body>  </html>

secondview.html

<!-- modal --> <div id="secondview" class="modal hide fade" tabindex="-1" role="dialog" aria-    labelledby="mymodallabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="mymodallabel">modal header</h3>  </div>    <div class="modal-body">       <p>one fine body…</p>    </div>   <div class="modal-footer">      <button class="btn" data-dismiss="modal" aria-hidden="true">close</button>      <button class="btn btn-primary">save changes</button>     </div>    

  </div>

issue @ hand

the problem when click on link, not display anything. checked console, , not display errors. so, thinking has way connect these 2 views, href tag.

i appreciate folks.

from http://twitter.github.com/bootstrap/javascript.html#modals:

if remote url provided, content loaded via jquery's load method , injected .modal-body.

so you'd

firstview.html

<html>   <head>click link</head>    <body>     <div>     <a data-toggle="modal" href="secondview.html" data-target="#mymodal" >additional details</a>    </div>    <!-- modal -->   <div id="mymodal" class="modal hide fade" tabindex="-1" role="dialog" aria-             labelledby="mymodallabel" aria-hidden="true">     <div class="modal-header">       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>       <h3 id="mymodallabel">modal header</h3>     </div>     <div class="modal-body">       <!-- here modal content -->     </div>     <div class="modal-footer">      <button class="btn" data-dismiss="modal" aria-hidden="true">close</button>      <button class="btn btn-primary">save changes</button>       </div>     </div>   </body>  </html>

secondview.html

<p>one fine body…</p>

Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

i trying ip address of vm , trying use establish ssh vm. following script: --- - hosts: localhost become: yes connection: local gather_facts: false serial: 1 vars_files: - createvmvars.yml tasks: - name: gathering vm info. vsphere_guest: vcenter_hostname: "{{vcenter_hostname}}" username: "{{vcenter_username}}" password: "{{vcenter_password}}" guest: "{{guest_name}}" vmware_guest_facts: yes register: var - debug: msg="{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" - name: establishing ssh connection. script: /home/shasha/devops/scripts/ssh_configure.sh "{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" following content of ssh_configure.sh : #!/bin/sh ssh-keygen -t rsa ssh-copy-id $1 but when running playbook, getting following error while executing third task: error! 'var' undefined but debug module(second task) printin
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more