First let me explain my situation im trying to place dynamic content into a sharepoint wiki site, which does not allow for direct javascript to be entered in. In order to do this im seting a <div src="mywebpage.html">. I would like to use that simple format for multiple div's eg: <div src="mywebpage1.html"></div> <div src="mywebpage2.html"></div>
What i have so far is: <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ contentDisp(); }); function contentDisp() { var src = $(".content").attr("src"); $(".content").load(src); } </script> </head> <body> <div class="content" src="chevy.html"></div> <div class="content" src="honda.html"></div> <div class="content" src="yugo.html"></div> </body> The example is a standard webpage i plan to incorporate the actual .js into the webpart once i can get the code to run off a normal page The issue is that this seems to select the first src as the variable and does not cycle through for each div, i have tried using (this) to select but i couldn't get that to load properly Any help would be much appreciated, the more i learn the more i love it :)
