javascript - load function not working in safari or chrome in one webpage but works in a test page -
so using load function load text my webpage. text hard coded page transferring text file using load function. issue when effort load test file in no page works in firefox works in firefox chrome , safari in other issue code.
here code works
!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> </head> <body> <p align="left" class="our_goal_text" style="text-indent: 5em">our goal text</p> <script> $(document).ready(function(){ $(".our_goal_text").load("our_goal.txt"); }); </script> </body> </html> and here 1 doesn't work. load script way @ bottom , text file supposed inserted in sec tabbed panel content named us. there "who we. text" , and "out goals.text"
very odd ruled out net settings because made untitled page (code above) tested , ran fine hence somehow load script isn't compatible safari or chrome.
thanks
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <head> <!-- templatebegineditable name="doctitle" --> <title></title> <!-- templateendeditable --> <!--stylesheet--> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="spryassets/sprytabbedpanels.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="master"> <div id="header"> <div id="logoholder"> <div id="socialmedia"> <!-- start social media widget --> <ul id="socialbar"><li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="toneontone-square-socialicons/toneontone-square-48x48/48x48-square-34-fb copy.png"></a></li><li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="toneontone-square-socialicons/toneontone-square-48x48/48x48-square-34-tw copy.png"></a></li><li id="feed"><a target="_blank" href="http://username.featuredblog.com/?feed=rss2"><img src="toneontone-square-socialicons/toneontone-square-48x48/48x48-square-34-rss copy.png"></a></li><li id="youtube"><a target="_blank" href="http://youtube.com/username"><img src="toneontone-square-socialicons/toneontone-square-48x48/48x48-square-34-yt copy.png"></a></li></ul><style>#socialbar img {border:0px;}#socialbar li img {width:40px; height:40px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{padding:0px;list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:10px;}#socialbar{width:250px;text-align:center;}</style> <!-- end social media widget--> </div> </div> </div> <div id="menuboxcontainer"><div id="tabbedpanels1" class="tabbedpanels"> <ul class="tabbedpanelstabgroup"> <li class="tabbedpanelstab notabboarder "tabindex="0">home</li> <li class="tabbedpanelstab" tabindex="0">about</li> <li class="tabbedpanelstab" tabindex="0">programs</li> <li class="tabbedpanelstab" tabindex="0">get involved</li> <li class="tabbedpanelstab" tabindex="0">upcoming events</li> <li class="tabbedpanelstab" tabindex="0">contact</li> </ul> <div class="tabbedpanelscontentgroup"> <div class="tabbedpanelscontent"><div class="slideshow"> <!-- <div id="wrapper"> <div id="container"> --> <div class="controller" id="prev"></div> <div id="slider"> <div><img src="pictures/girlnurse.jpg" alt="face1" width = 100%/><div id="textbox_register"> <h3 class="h4">support h.e.e.d life</h3> <p> </p> <p>join fighting against cancer</p> <p>in new jersey.</p> <p> </p> <p>become member</p> <p class="redtext">register , login now!</p> </div></div> <div><img src="pictures/oldman.jpg" width=100% alt="face2"/> <div id="textbox_perks"> <h3 class="h4">screening saves lives</h3> <p>your odds of defeating cancer greater when detected in stages.</p> <p> </p> <p>sigh , larn our</p><p class="redtext">free!</p><p> screening program.</p> </div></div> <div><img src="pictures/mamadukes.jpg" alt="face3"width= 100% /> <div id="textbox_perks"> <h3 class="h4">learn our programs</h3> <p class="redtext">free screenings for:</p> <p>breast</p><p>colorectal</p><p>prostate</p><p> , lung cancers</p> <p class="redtext">copay assistance program</p> <p> , various health evaluation events</p> </div> </div> </div> <div class="controller" id="next"></div> <!--</div> </div> --> </div> </div> <div class="tabbedpanelscontent"> <div id="panelsbackground"> <div id="opaquebackground"><div id="aboutustext"> <table align="left" width="900" border="0" cellspacing=".25"> <tr> <td width="200"><h3 align="center"> <img src="whitelogo1.jpg" width="190" height="150" /></td></h3> <td width="600" height="200"><h3 align="left">who we</h3> <hr class="faded" /> <p align="left" class="who_are_we_text" style="text-indent: 5em;">who text</p></td> </tr> <tr> <td width="200"></td> <td width="600" align="left"><h3 align="left">our goal</h3><hr class="faded" width="200" /> <p align="left" class="our_goal_text" style="text-indent: 5em">our goal text</p></td> </tr> </table> </div></div></div></div> <div class="tabbedpanelscontent"> <div id="panelsbackground"> <div id="opaquebackground"><div id="aboutustext"> </table> <table width="700" border="0" cellspacing=".25"> <tr> <td><table width="750" border="0" cellspacing=".025" align="left" vspace="20"> <tr><h3 align="center">programs</h3></tr> <tr> <td><h3>community events<hr class="faded" /></h3></td> <td><h3>health awareness<hr class="faded" /></h3></td> <td><h3>cancer prevention<hr class="faded" /><h3></td> </tr> <tr> <td>2.1</td> <td>2.1</td> <td>2.3</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> </tr> </table></td> </tr> </table> </div></div></div></div> <div class="tabbedpanelscontent"><div id="panelsbackground"><div id="opaquebackground"><div id="getinvolvedtext"> <h2 align="center"> how can help</h2><hr class="faded"/> <h3 align="center">become member</h3><p align="center"></p> <h3 align="center">volunteer</h3><p align="left"></p> <h3 align="center">spread word</h3><p align="left"></p> <h3 align="center"> suggestions</h3><p align="left"></p> </div></div></div></div> <div class="tabbedpanelscontent"><div id="panelsbackground"><div id="opaquebackground"><h2 align="center">upcoming events</h2><hr class="faded"/></div></div></div> <div class="tabbedpanelscontent"><div id="panelsbackground"><div id="opaquebackground"> <div id="contactusboxright"></div> </div></div></div> </div> </div> </div> <div id="contentboxcontainer"> <div class="contentboxleft"><h1 align="center">our affiliates</h1><hr class="faded" /></div> <div class="contentboxcenter"><h1 align="center">free screenings across nj</h1><hr class="faded" /></div> <div class="contentboxright"><h1 align="center" >news letter</h1><hr class="faded" /></div> <div id="footer">address.telephone.email</div> </div> </div> <script src="spryassets/sprytabbedpanels.js" type="text/javascript"></script> <!--picture cycle javascript--> <script src="jquery.cycle.all.js"></script> <script type="text/javascript"> $('#slider').cycle({ fx: 'fade', speed: 'fast', next: '#next', prev: '#prev' }); </script> <!--tabbed panel javascript--> <!--<script type="text/javascript"> var tabbedpanels1 = new spry.widget.tabbedpanels("tabbedpanels1"); </script>--> <!--about text: we--> <script type> $(document).ready(function(){ $(".who_are_we_text").load("who_are_we.txt"); }); </script> <!--about text: our goal--> <script> $(document).ready(function(){ $(".our_goal_text").load("our_goal.txt"); }); </script> </body> </html> javascript jquery html
No comments:
Post a Comment