javascript - How do I put this jQuery code in an external .js file? -


i have jquery code works fine when placed between <body> , </body> tags of .html file.

  • i want use javascript external javascript instead of internal. bit works if place javascript @ end before </body> tag.
  • if place javascript within <head></head> not working also.

so need getting javascript code run externally.

  • how modify code when place in external .js file?
  • and how call code onload?

html

<html> <head> <style>    .blue1 {background: green;}    .red {background: red;}    .orange {background: orange;}    .yellow {background: yellow;} </style> </head> <body> <table border="2px solid black">/*border*/ <tr>     <td colspan="1">         <p class="hello_blue1">hello stack overflow1</p>     </td>     <td rowspan="1" colspan="2">         <p class="tab-text-7-aufz_red">hello stack overflow2</p>         <p class="tab-text-7_red">defines red color,that class want apply      to</p>     </td>     <td rowspan="1" colspan="1">         <p class="hello_orange">hello stack overflow3</p>     </td>      <td rowspan="1" colspan="1">         <p class="tab-text-7_yellow">hello stack overflow3</p>     </td> </tr> </table>

javascript want use external.js

<script> // convert "hello_blue" "blue" function convertclassname(src)  {     return src.replace(/^.*?_/, ""); }  var ptags = document.queryselectorall("table p"); (var = 0; < ptags.length; i++)  {      ptags[i].parentnode.classname += " "           + convertclassname(ptags[i].classname); }  </script> </body> </html>

create new file (in same folder html) called example script.js, contains this:

function convertclassname(src) {     return src.replace(/^.*?_/, ""); }  var ptags = document.queryselectorall("table p"); (var = 0; < ptags.length; i++) {     ptags[i].parentnode.classname += " " + convertclassname(ptags[i].classname); }

and leave in html:

<html> <head> <style> .blue1 {background: green;} .red {background: red;} .orange {background: orange;} .yellow {background: yellow;} </style> </head> <body> <table border="2px solid black">/*border*/ <tr>     <td colspan="1">         <p class="hello_blue1">hello stack overflow1</p>     </td>     <td rowspan="1" colspan="2">         <p class="tab-text-7-aufz_red">hello stack overflow2</p>         <p class="tab-text-7_red">defines red color,that class want apply      to</p>     </td>     <td rowspan="1" colspan="1">         <p class="hello_orange">hello stack overflow3</p>     </td>      <td rowspan="1" colspan="1">         <p class="tab-text-7_yellow">hello stack overflow3</p>     </td> </tr> </table> <script src="./script.js"></script> </body> </html>

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