html - JavaScript inside iframe does not work -

-

i have jsp iframe inside it. i'm trying load jsp in iframe:

 scripts , links ... <body> <iframe src="/contextmenu"> </iframe>  <div style="float:left;">     <div id="studenttablecontainer" style="width:70%;"></div> </div> </body> </html>

here contextmenu:

 scripts , links ...     <body>     <div data-role="content">         <ul data-role="listview" id="listview">             <li><a href="index.html">inbox <span class="ui-li-count">12</span></a></li>             ...         </ul>     </div>     </body>

the idea separate javascript located in first jsp , javascript located in page within iframe. can't merge javascript in 1 page (without iframe) because makes errors , page crashes. unfortunately javascript within iframe doesn't work. piece of code in <head> never calls alert:

<script>     jquery(document).ready(function () {         alert(1);         $('#listview').listview();     }); </script>

and i'm not sure if can load js or css file that:

 <script type="text/javascript"             src="<c:url value="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js"/>"></script>

i'm pretty new web , javascript too, sorry if question silly. i'll appreciate help.

is <script> tag right?

<script type="text/javascript"     src="<c:url value="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js"/>"></script>

does c: part mean coldfusion template or that?

in case, not browser sees. whatever template code generates browser sees, that's need at. normal <script> tag in browser this:

<script src="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js"> </script>

(you don't need type="text/javascript".)

are familiar developer tools in browser? it's time start using them. load page in chrome , open developer tools (f12 in windows, , think it's ctrl+shift+i on other oses, or can find in chrome menu). may see error message in console panel of developer tools. (be sure reload page after open tools.)

to debug further, change code:

<script>     jquery(document).ready(function () {         alert(1);         $('#listview').listview();     }); </script>

to:

<script>     debugger;     jquery(document).ready(function () {         debugger;         $('#listview').listview();     }); </script>

and reload page developer tools open.

when stops on first debugger statement, roll mouse on namejquery in code. show definition of or undefined? tell whether you're loading jquery @ all.

if doesn't first debugger statement, it's not running <script> @ reason. in case developer tools should show kind of error message.

while you're doing this, take time familiar developer tools. promise multiply productivity. here's introduction devtools.


Comments

Post a Comment