i have code far.
<html> <object data=http://www.tagpro.eu width="850" height="800"> <embed src=http://www.tagpro.eu width="650" height="700"> </embed></object> </html> and have form.
<form> game:<br> <input type="text" name="firstname"> <br> link:<br> <input type="text" name="lastname"> </form> what need:
if form, whatever link is, set embed website link. example if in form write google in link section , click submit, see webpage of google on site.
thanks!
i have adapted code this:
<form id="demo-form"> game:<br> <input type="text" name="game" id="game" value="bootstrap datepicker"> <br> link:<br> <input type="text" name="link" id="link" value="https://bootstrap-datepicker.readthedocs.org/en/latest/"> <br /> <input type="submit" value="go" /> </form> <object id="demo-object" data=https://jqueryui.com/datepicker/ width="850" height="800"> <!--<embed src=http://www.tagpro.eu width="650" height="700"> </embed>--> </object> and used javascript follows:
document.getelementbyid("demo-form").onsubmit = function () { var game = document.getelementbyid("game").value; var link = document.getelementbyid("link").value; document.getelementbyid("demo-object").setattribute('data', link) // return false prevent default form behavior return false; } please check fiddle. not work on every site. instance got error trying use google link. demo works in firefox 39.0 , internet explorer 9 not in chrome 43.0.2357.130. outside fiddle worked in chrome too.
if need keep selection between page refresh, 1 possible solution store selection in cookie using jquery-cookie , code change follows:
if ($.cookie("link")) { // restore last selection cookie document.getelementbyid("link").value = $.cookie("link"); document.getelementbyid("demo-object").setattribute('data', $.cookie("link")) } document.getelementbyid("demo-form").onsubmit = function () { var game = document.getelementbyid("game").value; var link = document.getelementbyid("link").value; document.getelementbyid("demo-object").setattribute('data', link) // store selection in cookie $.cookie("link", link); // return false prevent default form behavior return false; } 
Comments
Post a Comment