timo
08-21-2009, 10:45 AM
Hey there, I have for many days now tried to solve a problem of mine.
I apologize in advance for the long post ;)
I needed to find some code that could load a html page into a div.
I found it on this page http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
and my hopes went up, everything worked like a charm until I tried to load
a html page containing a script.
Since I am using a plugin from jquery, I need 4 links to be loaded for the
script to work. 3 script sources from jquery libraries, and 1 from my own
folders. My html page runs these 4 scripts like a charm if I open the page
in a browser window with all the scripts between the <head> tags, but the
second it loads into the correct div, it stops running.
The script on my html page looks like this:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js"></script>
<script src="style/jquery.codabubble.js"></script>
<script language="javascript">
$(function(){
opts = {
distances : [20,10,10,20,10,20,10,10,10,10],
leftShifts : [-35,-30,-70,-45,-55,-52,-67,-30,-45,-45],
bubbleTimes : [500,500,500,500,500,500,500,500,500,500],
hideDelays : [0,0,0,0,0,0,0,0,0,0],
bubbleWidths : [200,200,250,250,250,250,250,250,250,250],
bubbleImagesPath : "images",
msieFix : true
};
$('.coda_bubble').codaBubble(opts);
});
</script>
And according to the above linked page I should be able to load both the
page and the scripts using this in the link:
<a href="javascript:ajaxpage('mypage.html', 'targetdiv'); loadobjs('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js', 'style/jquery.codabubble.js', 'myscript.js')">LINK</a>
Only thing I am missing really is the last piece of script that isn't an external file,
can anyone help me make the script to a .js file and make it contain code that targets
specifically the HTML inside "mypage.html" like the tutorial on the above linked page says? :)
I apologize in advance for the long post ;)
I needed to find some code that could load a html page into a div.
I found it on this page http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
and my hopes went up, everything worked like a charm until I tried to load
a html page containing a script.
Since I am using a plugin from jquery, I need 4 links to be loaded for the
script to work. 3 script sources from jquery libraries, and 1 from my own
folders. My html page runs these 4 scripts like a charm if I open the page
in a browser window with all the scripts between the <head> tags, but the
second it loads into the correct div, it stops running.
The script on my html page looks like this:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js"></script>
<script src="style/jquery.codabubble.js"></script>
<script language="javascript">
$(function(){
opts = {
distances : [20,10,10,20,10,20,10,10,10,10],
leftShifts : [-35,-30,-70,-45,-55,-52,-67,-30,-45,-45],
bubbleTimes : [500,500,500,500,500,500,500,500,500,500],
hideDelays : [0,0,0,0,0,0,0,0,0,0],
bubbleWidths : [200,200,250,250,250,250,250,250,250,250],
bubbleImagesPath : "images",
msieFix : true
};
$('.coda_bubble').codaBubble(opts);
});
</script>
And according to the above linked page I should be able to load both the
page and the scripts using this in the link:
<a href="javascript:ajaxpage('mypage.html', 'targetdiv'); loadobjs('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js', 'style/jquery.codabubble.js', 'myscript.js')">LINK</a>
Only thing I am missing really is the last piece of script that isn't an external file,
can anyone help me make the script to a .js file and make it contain code that targets
specifically the HTML inside "mypage.html" like the tutorial on the above linked page says? :)