JavaScript - Chaning Iframe Source On Button Click

I read the "http://bodybrowser.googlelabs.com/body.html" page into an Iframe on my page. I now need to print the "viewcontainer" DIV that resides in the iframe. Accessing divs in an iframe is an issue with cross domain sources.

Can anyone help me with a workaround or different idea?

Thanks in advance!!

I am looking for an input text that links to a iframe. . ?

To begin, we need some simple HTML elements:

A basic form;
An Input text that will contain the URLs we want to use;
An iFrame that will display the page we select from the input text.

Thanks in advance

Stickers

Ok, 'nother head-banger for the hardcore!

I have a "contact us" <a> with the id 'contact' on the main page, which is supposed to change the source file of an iframe to the contact page. Except when I click on "contact us" nothing happens.

I've tried to get this to work several different ways, and suspect that the problem is purely syntax, but I just haven't been able to figure it out.

Here's the code:

The snippet on the main page (index.html):

Code:

                <div id="linkListContact" class="LinkList">
				<img id="linkListContactBg" class="SideBarBgImg" src="Assets/Backgrounds/SideBar/ContactBg.png"></img>
                    <span>
                    <ul>
                        <li>
                            <div><a id="contact">Contact Us</a>
                            </div>
                        </li>
                    </ul>
                    </span>
                </div>

... and the relevant Javascript:

Code:

function setIFrame(frameSource)
	{
		document.getElementById('mainWindow').src = frameSource;
	}

function setContactLink()
	{
		var contactURL = "http://katabasis.spreadshirt.com/shop/imprint"
		document.getElementById('contact').onclick = new Function ( "setIFrame( 'contactURL' )" );
	}

The setIFrame function is used to call the content initially when the page loads, and is working beautifully in that context. You can see the problem in action at the actual site: www.katabasis-apparel.com.

Thanks.

Hi all

I have an asp page page with a DIV container that is activated when a user clicks a link (using javascript to activate it. It pops up similar to a light box).

The contents of the DIV is an Iframe from another website. The Iframe is hidden when the page loads.

Loading in the Iframe when the page loads is affecting performance of the page.

I'm wondering if there is a way to load the Iframe when the user clicks the link to activate the DIV light box. This way the page doesn't have to load the Iframe straight away... only when the user needs it...

I appreciate any ideas.

Hi all,

Very new to this but I am trying to automate some webdownloads I need to do daily.

I have a link I am trying to click via applescript do javascript


I can return the frames html by doing


tell application "Safari"
do JavaScript
"document.getElementById('iframesearch').contentDocument.getElementById('frmAccountList').innerH TML"
in document 1
end tell


the html returned contains the link link I want to click/fire
<span id="SWGrdAccSearch_ctl06_lblAsterix">&nbsp;</span>

<a onclick="javascript:return getDefaultAccount('John
Doe','0890','0','0');" id="SWGrdAccSearch_ctl06_lnkAccount"
href="javascript:__doPostBack('SWGrdAccSearch
$ctl06$lnkAccount','')">123456</a>


how can I get his link to launch/fire?


Any and all help deeply appreciated.

I would like for the script to say "Ok here is the button on this page *clicks* (or submit)"

I have tried this with out help, I'm not really sure what to do. I've tried learning what I can on my own, I've tried using the search tool.

Here is the part of the code I am trying to use to make my click button.

Code:

<div id="interactiveBox"> 
    <div class="divpad3">
              
                    <form name="buyform" method="POST" action="/marketplace/userstore/2690240/buy/?id=567595175&amp;step=submit" ENCTYPE="application/x-www-form-urlencoded">
                <strong>Buy It Now</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                <strong>Password</strong> <input type="password" class="marketplaceInputField" name="password">
                <input type="hidden" name="nonce" value="860307364.1283901229.441212630">
                <button type="submit" class="cta-button-sm"><span>Buy Now</span></button>
                <br /><br />
            </form>

Here is what I have tried and failed.. This code will be used in combination with greasemonkey

Code:

<script>function clickOnLoad()
{
document.buyform.submit.value = "true";
}

body onload="clickOnLoad()"</script>

Hey

I want to enforce a click on the facebook share button, please help me out here.

I was thinking something like this:
Code:

javascript:window.location="http://www.facebook.com/connect/prompt_feed.php?locale=en_US&message=hi"; javascript:function selectFirst() { publish.focus(); publish.click();}  selectFirst();

Something wrong with that code? What code would work? Is it not possible?

Thanks a lot,
Sarah

Hi.

1) I would like to click the Download button on this site, then wait lets say 60 sec & click free download button.

http://uploading.com/files/S4WYPP73/...r_ENG.rar.html

I remember that somehow it is possible to create the Request URL & then input it into IE & the server will think I hit the button.

But how can I make the URL? And how is it called? posting URL request?

I will be using firefox or I can make HTML file & execute it in IE for every file.

PHP Code:
<form action="http://uploading.com/files/get/S4WYPP73/" method="post" id="downloadform">
        <input type="hidden" name="action" value="second_page" />
        <input type="hidden" name="file_id" value="4663720" /> 


PHP Code:
    function do_step_1()
    {
        do_request('files', 'get', {file_id: 4663720, action: 'step_1'}, function(wait_time){
            if(wait_time > 0)
                start_timer(wait_time);
            else if(wait_time <= 0)
                download();
        });
    }

    function do_step_2()
    {
        do_request('files', 'get', {file_id: 4663720, action: 'step_2'});
    } 


PHP Code:
    function download()
    {
                    $('#waitblock').html('Free Download');
            $('#waitblock').click(function(){
                do_step_2();
            });
            } 

hye..

i'm trying to calculate value of balance by substract cash to total. But nothing happen.

here is my code:
Code:

<script type="text/javascript">

function substract(){

{
 document.calculate.Cash.value = ZA;
 document.calculate.Total.value = Z1;
 balance();
 }
 
function balance(){
 AAA = document.calculate.Balance;
 AAA.value = (ZA-Z1).toFixed(2);
}

</script>

 </head>
 <body style="background-color: #99FF99">
 <?php 
 // if there are any errors, display them
 if ($error != 'Unable to update')
 {
 echo '<div style="padding:12px; border:1px solid purple; color:red; font-weight: bold; text-align: center; font-size: medium; ">'.$error.'</div>';
 }
 ?> 
 
 <form action="" method="post" name="calculate" style="width: 1320px; ">
 	<div class="style1">
 <input type="hidden" name="CustID" value="<?php echo $CustID; ?>">
 <input type="hidden" name="Total" value="<?php echo $Total; ?>">
 <input type="hidden" name="TableID" value="<?php echo $TableID; ?>">
 <div class="style5" style="width: 820px; height: 148px; margin-left: auto; margin-right: auto;">
 <p class="style9">&nbsp;</p>
	 <p class="style17"><span class="style19">CUSTOMER </span> <strong>
	 <span class="style19">ID:</span></strong> <strong> <?php echo $CustID; ?>
 </strong></p>
 	<table style="width: 35%; height: 185px; margin-left: auto; margin-right: auto;" class="style15">
		<tr>
			<td class="style11" style="width: 111px; height: 30px;"><strong>Table ID : 
			</strong></td>
			<td style="height: 30px; width: 169px;" class="style18"><strong><?php echo $TableID; ?></strong></td>
		</tr>
		<tr>
			<td class="style1" style="width: 111px; height: 20px;"></td>
			<td style="height: 20px; width: 169px;" class="style1"></td>
		</tr>
		<tr>
			<td class="style16" style="width: 111px; height: 30px;"><strong>Total : 
			</strong></td>
			<td style="height: 30px; width: 169px;" class="style18"><strong> 
			RM<?php echo $Total; ?> </strong></td>
			</tr>
		<tr>
			<td class="style1" style="width: 111px; height: 20px;"></td>
			<td style="height: 20px; width: 169px;" class="style1"></td>
		</tr>
		<tr>
			<td class="style16" style="width: 111px; height: 30px;"><strong>Cash : 
			</strong></td>
			<td style="height: 30px; width: 169px;" class="style1"> <strong>
			<span class="style20">RM</span>
			<input type="text" name="Cash" id="Cash" class="style17" style="width: 120px"></strong></td>
		</tr>
		<tr>
			<td class="style1" style="width: 111px; height: 20px;"></td>
			<td style="height: 20px; width: 169px;" class="style1"></td>
		</tr>
		<tr>
			<td class="style16" style="width: 111px; "><strong>Balance : 
			</strong></td>
					 <td style="width: 169px;" class="style1"><strong>
					 <span class="style20">RM</span>
					 <input type="text" name="Balance" id="Balance" value="0.00" class="style17" style="width: 120px"></strong></td>
					 </tr>
				 </table>
 	<p class="style5"><strong>
    <input class="style3" name="calculate" type="button" onclick="substract()" value="Calculate">&nbsp;&nbsp;&nbsp; <input class="style3" name="submit" type="submit" value="Done"></strong> </div>
 		</div>
 </form>

Hello, I am working on a tool for hardware quoting, I'm currently trying to add a button for adding line items to the quote.

Here is what I currently have:
The HTML:
Code:

<html>
...
<input type="button" id="sbutt" onclick="buttinc()" value="Click Me" />
<div id="txtarea"></div>
...
</html>

The script:
Code:

vbutt = 0
function buttinc()
 {
 var buttona = document.getElementById("txtarea");
   if (vbutt<100)
     {
      buttona.innerHTML="<div id='newdiv" + vbutt + "'></div><br />";
      var buttb = document.getElementById("newdiv"+vbutt);
      buttb.innerHTML = "some text" + vbutt + "close tags and stuff";
      vbutt = vbutt + 1;
      }
 }

Now, it is sort of working the way I expect. When the button is clicked, it creates the new div, starts the id at 0, and increments the div id each time the button is pressed afterwards.

It also displays the text (buttb.innerHTML) in the new div. However, it only increments the id of the same div, it doesn't create a new div under the first one.

What I am hoping for is:
click 1 : <div id="newdiv0">0</div>
click 2 : <div id="newdiv1">1</div>
click 3 : <div id="newdiv2">2</div>
etc

What it is doing:
click 1 : <div id="newdiv0">0</div>
click 2 : <div id="newdiv1">1</div> (newdiv0 disappears)
click 3 : <div id="newdiv2">2</div> (newdiv1 disappears)

What am I missing? Any help is appreciated.

Hi guys,

At the moment i have this code which disable the middle button in Safari and Chrome..

Code:

$('body').mousedown(function(e){
		if(e.button==1)
		return false
	}
);

How can I disable it in Firefox and IE?.. i think IE middle button ==4 but its not working for me.

Thanks in advance!

How can I do this? I'm new to JavaScript. I tried messing with While but it just caused lag as it kept looping infinitely.

The problem I think is that I have a variable that changes every time I click the button. The function changes the variable. So it successfully changes the variable once to my likings, then when I click the button (thus running the function) it does nothing.

Here's an example I created to show you

Quote:
<html>
<head>
<script type="text/javascript">
var x = 50;
var y = Math.floor(Math.random()*5);
function test()
{
var a = x+y
document.getElementById("testing").innerHTML=a;
}
</head>
<body>
<p id="testing"></p>
<input type="button" value="asdf" onclick="test()" />
</body>
</html>


So in this case, I need to click the button multiple times in which each time it should add y to x. It only works once and then goes kaput.

Thanks!

I want to show an hourglass instead of a mouse pointer on click of a button.
I'm having both client and server side validations on the button click event.
I have written the code for hourglass in the javascript function along with the validations.
Now, on click of the button the hourglass gets displayed after 3-4 seconds and not immediately. According to me, the hourglass is getting displayed after the javascript function(client side validation) is executed and before server side validation begins.
Is there any way to display the hourglass without delays ?
Kindly let me know if there is any fix for eliminating this delay. I hope my question is clear. Please let me know if i'm wrong somewhere as i'm new to javascript programming.

Thanks in advance.
zizou.

Hello I am new to javascript (4 months), I would like to add an hour to the current time each time a button is clicked. I have this code:
------------------------------------------------------------------
var hourstbutton=document.getElementById("button3");

hoursbutton.onclick=function() {
var divlink=document.getElementById("math3");
var newtime2=new Date();
var currenthours2=newtime2.getHours()+1;
var currentmins2=newtime2.getMinutes();
var currentsecns2=newtime2.getSeconds();
var ampm2= (currenthours2>=12) ? "P.M." : "A.M.";
if (currenthours2>=13) {
currenthours2-=12;
}
if(currenthours2<1){
currenthours2=12;
}
if(currentmins2<10){
currentmins2= "0" + currentmins2;
}
if(currentsecns2<10){
currentsecns2="0" + currentsecns2;
}
divlink.innerHTML=currenthours2+":"+currentmins2+":"+currentsecns2+ " "+ampm2;
------------------------------------------------------------------------


How do I tie the number of button clicks into the number of times this code is executed?

Any help is appreciated thanks.

hi to all,

sorry for this question. First I have to say this that I'm very noob in javascript. My question is how to show the value of my radio button when click.

I have this code:
Code:

<tr><td width="10px"></td><td width="60%">Neatness</td>
            <td width="40%">
                <input name="neat" type="radio" class="hover-star" value="1" title="Poor"/>
                <input name="neat" type="radio" class="hover-star" value="2" title="Fair"/>
                <input name="neat" type="radio" class="hover-star" value="3" title="Satisfactory"/>
                <input name="neat" type="radio" class="hover-star" value="4" title="Outstanding"/>
                
            </td></tr>

say when my 1st radio button it will show 1 or so on.. How can I achieve this? Or better yet does anyone know hot to do this in jquery.