javascript - How do I load my pdf file into my modal when the button is clicked? -


i have button that, when clicked, opens modal pdf content. have list of these.

my problem when browser loads website loads pdf files. want specific pdf file load when press button opens 1 specific modal.

<li>      <div class="row">         <div class="col-md-2" style="border: 1px solid black; height:200px;">             <img src="images/immanuelkant.jpg" style="padding:5px;" height="198" width="150">          </div>         <div class="col-md-8">             <div class="row">                 <div class="col-md-6">                     <h2>immanuel kant</h2>                     <h3>something</h3>                     <p>                      </p>                       <!-- modal -->                     <div style="display: block;" class="modal modal-wide fade in" id="läsmodal8" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="false">                         <div class="modal-dialog">                             <div class=" modal-content">                                  <div class="modal-body">                                    <iframe class="pdfcontainer" src="viewerjs/../books/somepdf.pdf" allowfullscreen="" webkitallowfullscreen="" height="700px" width="100%"></iframe>                                  </div>                                 <div class="modal-footer">                                     <button type="button" class="btn btn-default" data-dismiss="modal">close</button>                                  </div>                             </div>                         </div>                     </div>                 </div>                 <br>                 <div class="col-md-6">                          sometext                       <a href="http://en.wikipedia.org/wiki/immanuel_kant" target="_blank">read about</a>                  </div>             </div>             <hr>             <form>             <div class="row">                 <div class="col-md-2">                     <button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#läsmodal8">                         read                     </button>                  </div>                 <div class="col-md-6">              </div>             </form>         </div>      </div>     <br>     <hr style="border-color:rgba(0, 0, 0, .3);">     <br> </li>

change src attribute of iframe in modal. urls of pdf files can stored in custom attribute of buttons, , if have iframe in element (jquery or simple javascript), can set attributes src too. js maybe it's myiframe.setattribute('src','http://...'), or jquery this: myiframe.attr('src','http://...'). best solution think, if set pdf url each button mentioned above, , if can use jquery, add piece of code page this:

jquery('.modalbutton').click(function(){   var pdf = jquery(this).attr('data-pdfurl');   jquery('iframe #modal').attr('src', pdf); });

(this "skeleton", might not work correctly...)


Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get...
Read more

php - Bypass Geo Redirect for specific directories -

i'm trying bypass redirect specific url within site. wondering if might able help. the code below code use, original urls replaces example.com i'd able access http://example.com/admin without redirect occuring. is there way this, , there way using own ip? function country_geo_redirect() { $country = getenv('http_geoip_country_code'); if ($country == "us" ) { wp_redirect("http://usa.example.com/"); exit; } else if ($country == "gb" ) { wp_redirect("http://uk.example.com/"); exit; } } add_action('init', 'country_geo_redirect'); you can bypass redirection code if server found ip address. if ip address == <my ip address> ' nothing here else country_georedirect() end if
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more