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