calling a dynamic page with an iframe and Javascript

Im really stuck with this.

My Javascript knowledde is pretty much 'copy & Paste' this is the first time Ive really tried to do anything with javascript.

But I have a php file the contains dynamic data for example:
http://www.mydomain.com/my_widget.php?user_id=205&width=188&cid=0&ord=0&qty=8

That works as a page in its own right:

user_id: The users id
Width: the width of the widget
cid: Category ID - 0 if all categories
ord: order by random or newly listed items
qty: how many products to show

I basically want to use this as a widget which will contain a users shop products to display in their blogs etc. As I said the php script is working perfectly but its just the java/iframe part that is going wrong.

So thats working great and I had it in my head that I could just pop it in an iframe and call it from javascript.......

Problem 1 - I cant get the dynamic data to load in the iframe so I just get a mysql error
Problem 2 - I cant get java to call the iframe at all anyway!


Ive been searching for tutorials to help me with this thinking there would be plenty, but without luck.

########To call the widget to be inserted into blogs etc, externally from my server########
 
<script src="http://www.mydomain.com/widget_script.js" type="text/javascript"></script><script type="text/javascript">new widget.Promo(205, 188,0,0,3).renderIframe();</script>
 
 
 
 
 
 
########widget_script###########
 
 
widget = typeof(widget)=="undefined" ? {} : widget;
 
widget.Promo = function(user_id, width, cid, order, qty) {
   this.user_id = user_id;
    this.width = width;
 
   this.cid = cid;
   
   this.order = order;
   
   this.qty = qty;
}
 
   
   getURL: function(){
      return 'http://www.mydomain.com/my_widget.php'+
             '?user_id='+this.id+
	     '&width='+this.getWidth();
	     '&cid='+this.cid+
             '&ord='+this.order+
	     '&qty='+this.qty+
 
   },
   
var html = '<iframe id="promo_iframe" name="promo_iframe" allowtransparency=true style="width:100%;height:200px" src="'+this.getURL()+'" scrolling="no" frameborder="0"></iframe>';
      document.write(html);
   
}

Select allOpen in new window