Send data to iframe using get in javascript

Question

i create one button in html

<input type="button"  value="Simulate" class="submit_btn"  id="stimulate" />

and use jquery onclick event and create iframe , i want to send lat, long and title to iframe and create dynamic map but i send get 10 % discount as a subtitle , i get following error

GET http://domain name/name of controller/name of function/57.643821505750964/12.180534033203116//get%2010%%20discount 400 (Bad Request)



$("#stimulate").click(function() {
var ad_lng = document.getElementById("longclicked").value;
var ad_subtitle = document.getElementById("ad_subtitle").value;
var ad_lat = document.getElementById("latclicked").value;

$('#iframeHolder').html('<iframe id="iframe" src="<?php echo base_url(); ?>index.php/admin/frame_stimulator/'+ad_lat+'/'+ad_lng+'/'+ad_subtitle+'" width="700" height="550" scrolling="no"  frameborder="0"></iframe>');
}

how can i send data to iframe . i dont want to use form and send data by post method.. without using form i can post data to iframe

Answer 1

Pass them in the query string:

var ad_lng = encodeURIComponent( document.getElementById("longclicked").value );
var ad_subtitle = encodeURIComponent( document.getElementById("ad_subtitle").value );
var ad_lat = encodeURIComponent( document.getElementById("latclicked").value );

$('#iframeHolder').html('<iframe id="iframe" src="<?php echo base_url(); ?>index.php/admin/frame_stimulator?ad_lat='+ad_lat+'&ad_lng='+ad_lng+'&ad_subtitle='+ad_subtitle+'" width="700" height="550" scrolling="no"  frameborder="0"></iframe>');

In codeigniter code you would retrieve them:

$lat = $this->input->get("ad_lat");
$lng = $this->input->get("ad_lng");
$subtitle = $this->input->get("ad_subtitle");

Answer 2

You can invoke a javascript function in an iframe from the parent/container page. So if you script a function in the iframe page that takes data as a parameter, then you can invoke it from the main page that contains iframe.

Check this: Invoking JavaScript code in an iframe from the parent page