javascript - I need help passing a variable from a link into a function using defining a global variable in Jquery -


forgive me wording first time i've written this

i'm passing freemarker variable jquery function on click of link

<a onclick="showdisclaimer('${item.uid}')">read blog</a>

the variable passes fine show hidden modal when link clicked. name of hidden modal 

<div class="disclaimer ${item.uid}" style="display:none;">

the code not seem working. one, define global variable both functions have access to. can see i'm defining var x = uid; twice.

also in code $('body').append($('div.disclaimer x').remove()); not work , figure it's because haven't passed variable yet or created global variable. don't know how it.

my code below. appreciated. thanks

<#ftl ns_prefixes={"content":"http://purl.org/rss/1.0/modules/content/","dc":"http://purl.org/dc/elements/1.1/"}>      <script>       // forces disclaimer component load on body        $('body').append($('div.disclaimer x').remove());        function showdisclaimer (uid) {          var x = uid;         $('div.disclaimer x').show();        }        function closedisclaimer(uid) {         var x = uid;         // clear form , close modal         $('div.disclaimer x').hide();       }     </script>         <section style="background-color: #ededed">       <section class="head-transit">         <div class="container">             <div class="row-fluid">            <#list kiblogs.rss.channel.item item>               <div class="span4">                 <div class="panel">                   <img src="${item.thumbnail.@@nested_markup}" class="title-image">                      <div class="top-content">                       <h3>${item.title}</h3>                       <div class="datetime">${item.pubdate}</div>                       <div class="analyst"></div>                       <p class="test">${item.description}</p>                                       </div>                      <div class="disclaimer ${item.uid}" style="display:none;">                       <div class="content">                         <div class="close"><a href="#" onclick="closedisclaimer()">x</a></div>                           <h3>${item.title}</h3>                           <div class="datetime">${item.pubdate}</div>                           <p class="test">${item.description}</p>                            <p class="${item.uid}">hey now</p>                             <div class="divider"></div>                                             </div>                     </div>                       <div class="bottom-content">                     <div class="bottom-blue-buttn"><a onclick="showdisclaimer('${item.uid}')">read blog</a></div>                    </div>                 </div>                </div>                  <div class="disclaimer ${item.uid}" style="display:none;">                   <div class="content">                     <div class="close"><a href="#" onclick="closedisclaimer()">x</a></div>                       <h3 class="title2"></h3>                        <div class="divider"></div>                       <p class="content2"></p>                    </div>                 </div>                         <hr>                       </#list>            </div>        </div>       </section>     </section>

i got code work getting console error uid not defined in var outervar = uid; uid defined within first , second function.

in first line of code 

      var outervar = uid;        $('body').append($('div.disclaimer' + outervar).remove());        function showdisclaimer (uid) {          var x = uid;         $('div.disclaimer' + x).show();        }        function closedisclaimer(uid) {         var x = uid;         // clear form , close modal         $('div.disclaimer' + x).hide();       }       </script>

the css selector wrong. need concatenate x variable. 

      function showdisclaimer (uid) {          var x = uid;         $('div.disclaimer' + x).show();        }        function closedisclaimer(uid) {         var x = uid;         // clear form , close modal         $('div.disclaimer' + x).hide();       }

example reuse variables:

var outside = 'fooo!'; function foo () {      console.log(outside); //output 'fooo!' }  function bar() {     var inside = 'hello';     console.log(inside); //output 'hello' }  console.log(inside); //output undefined

for more info on: what scope of variables in javascript?


Comments

Post a Comment

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

i looking through twitter bootstrap documentation, , i'm interested in implementing dismissible popover when button clicked. here example bootstrap's docs: http://getbootstrap.com/javascript/#dismiss-on-next-click when press "dismissible popover" button os x safari browser works fine. when access same link above ios safari, button not work. is, popover not dismissed on click. why button not working ios safari? the example linked using data-trigger="focus" attribute. try changing data-trigger="click" . <a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="click" title="dismissible popover" data-content="and here's amazing content. it's engaging. right?">dismissible popover</a>
Read more

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

session - Logging Out Using PHP -

i have seen other programs regarding can't seem make work. doing wrong? want achieve after user logged out, going previous pages become restricted. i have 3 php files: 1. sample.php - main page username , password filled in 2. successful.php - user's page after logging in 3. logout.php - destorys session hinder user access pages after logging out sample.php </html> <form action="" method="post"> <table> <tr> <td>username:</td> <td>password:</td> </tr> <tr> <td><input type="text" name="username"></td> <td><input type="password" name="password"></td> </tr> <tr> <td><input type="submit" value="submit" name="submit"></td> </tr> </table> </form> </html> <?php $servername = "localhost"; $username = ...
Read more