JavaScript - Javascript Link Error

Can someone tell me how to make a close button for this? The close button I currently have here makes the IMAGE2 disappear but I cannot see IMAGE1 until the time runs out on the setTmeout. I want to be able to click the closeX and close out the whole script leaving IMAGE1 showing. Here is what I have:

Code:

            <table border="0" width="650" id="table1" cellspacing="0" cellpadding="0" bgcolor="#000000" height="350">
	<tr>
		<td align="center">
<script type="text/javascript"> 
window.onload = function () { 
setTimeout(function () { 
var div = document.getElementById('hideOverlay'); 
div.innerHTML = 'IMAGE1 GOES HERE';  }, 6000);} 
</script>
<div id="hideOverlay">
<table border="0" width="650" id="table1" cellspacing="0" cellpadding="0" height="350">
	<tr>
		<td align="center" width="650" height="350"><a style="text-decoration: none" href="javascript:void(0)" onclick="var lyr =document.getElementById('hideOverlay'); lyr.innerHTML='';"/><font color="#666666" size="2">Close [x]</font></a>IMAGE2 GOES HERE</td>
			</tr>
		</table></div>
		</td>
	</tr>
</table>
</div>

Hi,

I'm pretty ignorant about Java and was wondering what the technique is to have different tabs for links on a page?
(i.e. you can look through different categories while staying on the homepage).

An example of what I mean is at the bottom of this page:
http://www.huffingtonpost.com/

Any help would be much appreciated!

Hi, is it possible to make a external javascript link by giving all the external
links a class name then use getelementbytagname in the js file with
a function to alert the hes leaving the website and let him choose if
he wants to stay or leave.
well thats what im trying to do but i dont know how to write the
function for it maybe i could get a suggestion or a link to agood tutorial.

/ thanks lisa

I have a simple problem. I want to add the current page's url to a link, like this:
<code>
<a href="http://www.somesite.com/somepage.aspx?a=">
</code>
After the 'a=' I need to add javascript that will return the current url. It can be the full url (example: http://www.codingforums.com/newthrea...=newthread&f=2) or a partial one (example: /newthread.php?do=newthread&f=2).

Can someone help me with an example?

is it possible to link to a page and then run a javascript all in the same href?

for example, i want to redirect back to the home page after a user makes a comment and show the hidden comment div

this is my javascript command:

Code:

<a href="javascript:InsertContent('competitiveevents'); RemoveContent('stories'); InsertContent('blog-comments');">

but can i do something like this..?

Code:

<a href="../index.php:javascript:InsertContent('competitiveevents'); RemoveContent('stories'); InsertContent('blog-comments');">

I know I'm missing something ever so small but maybe you guys can help... Thanks all

<code>


<script type="text/javascript">
function insertLink() {
var lnk = prompt("Enter Link [http://www.url.com]");
var href = lnk.value;
var lnkBuild = '<a href=" + href + "></a>'
alert(lnkBuild);



}
}

</script>

</code>

HELP NEEDED URGENTLY...

Hi all, previously i posted a thread on How to HIDE a link at a certain time using javascript but now i realize i actually need the codes such that it can be implement inside the sharepoint.

http://codingforums.com/showthread.p...085#post894085

One problem i encounter is that the "getElementById" is not able to control the link that i'm trying to hide.

Currently what i have is this sharepoint site whereby there is a particular link that i need to hide it at a certain time and the problem now is that in sharepoint i cannot obtain the 'div id' of the control (controls refers to the combo box, text etc) in the sharepoint site.

Plz help..thanks!

Probably a trivial question, but after a quick search I could not find the answer.

I link a .js file in my .html, the .js might be in the same directrory as the .html or somewhere else.

within the .js file, I'd like to find out with which path the .js was loaded by the .html.

So, if the .html contains
Code:

script src="path/here/there/myscript.js" type="text/javascript"

I'd like to have a way, in the file myscript.js to gather "path/here/there/"

How to do that?

Thanks.

I have called a table through XML with four fields. One of them is Excel file name. I like to make a clickable link with Excel file name to open it.
XML code:

Code:

<?xml version="1.0" encoding="ISO-8859-1" ?> 
<searchable_index>
  <item name="Ana" title="Data" link="doc\ana.xls">Member</item> 
  <item name="Ana" title="Data" link="doc\ana.xls">Member</item> 
  <item name="Ana" title="Data" link="doc\ana.xls">Member</item> 
  <item name="Ana" title="Data" link="doc\ana.xls">Member</item> 
  </searchable_index>


Javascript code
document.write('<table border="1" style="width: 100%;">');
		document.write('<tr><th>name</th><th>title</th><th>link</th></tr>');
		for(var i=0; i<results.length; i++) {
		 document.write('<tr>');
		 document.write('<td>' + results[i].getAttribute("name") + '</td>');  
		 document.write('<td>' + results[i].getAttribute("title") + '</td>');
		 document.write('<td>' + results[i].getAttribute("link")" > + '</td>'); //<a href="url">Link text</a> 
		 
			 
			
			document.write('</tr>');
		}
		document.write('<table>');
		document.close();

Hi guys

I'm trying to simulate links clicking on web pages, don't know how to deal with javascript links. The link I'm trying to click contains a tag like this:

<a href="javascript:function(1243423)">text</a>

Would somebody help me out please?

Thanks a lot

Sorry I am new to JavaScript.

Says that a.html has two same anchor links (<a href="b.html">b</a>). The anchor links are uneditable but we could add JavaScript to the a.html.

Except for dynamic adding onclick event, any other ways could get to know which anchor link being clicked?

Can anyone help? i'm trying to find some references and resources on how to hide a link at a certain time and show the link again at a certain time.

eg: from 12pm to 2pm the link will be display, users are able to click the link. after 2pm the link will not be displayed[hide] or the when click on the link error message will be shown. plz help. thanks!

Hi,

i want to bring image download link to download a single image using like

<a href="./images/sam.png">Download</a>

when i click the download link it need to download plz help how can i download
can finished

Thanking you

Hi I'm trying to finish integrating my affiliate program and i'm having problems on the last bit..

basically how do i get this to work?

basically i need the id token to be displayed...

Code:

<input name="radiobutton" type="radio" onclick="window.location.href='http://tracking.alpharooms.com/idevaffiliate.php?alpha_id=552&amp;alpha_keyword= <script language="JavaScript" type="text/javascript" src="http://www.theholidaymakers.me.uk/affiliates/display.php?token=id"></script> &amp;alpha_url=http://www.alpharooms.com/cheap-flights.aspx/?cob=64'; " value="radiobutton" />

the display.php file is below


PHP Code:
<?PHP
#############################################################
## iDevAffiliate Version 5.2
## Copyright - iDevDirect.com L.L.C.
## Website: [url]http://www.idevdirect.com/[/url]
## Support: [url]http://www.idevsupport.com/[/url]
## Email:   [email]support@idevdirect.com[/email]
#############################################################

/*
   --------------------------------------------------------------
   You can alter the CSS below but do not remove the Java Script
   Tags.  They are required because this file is being called
   via Java Script.

   Any invalid coding adjustments to this page will result in 
   Java Script errors in the page you've placed the Java Script
   code snippet.  Adjustments to this file are not supported by
   iDevDirect.  We highly suggest making a backup of the
   original display.php file before making changes.

   If you're wondering what the variable $idev represents, that
   is the affiliate ID number and is obtained from the
   /includes/tracking.php file.
   --------------------------------------------------------------
*/

    $token_tag_id = "";
    $token_tag_username = "Affiliate Username";
    $token_tag_phone = "Affiliate Phone";
    $token_tag_name = "Affiliate Name";
    $token_tag_company = "Affiliate Company";
    $token_tag_city = "Affiliate City";
    $token_tag_state = "Affiliate State";
    $token_tag_zip = "Affiliate Zip Code";
    $token_tag_website = "Affiliate Website";

?>

document.write('<style type="text/css">');
document.write('<!--');
document.write('p.idev {');

document.write('font-size: 12px;');
document.write('font-family: Arial, Helvetica, sans-serif;');
document.write('font-weight: bold;');

document.write('}');
document.write('-->');
document.write('</style>');

<?PHP

$time_now = time();
include ("API/config.php");
include ("includes/validation_functions.php");
include ("includes/tracking.php");

// SANITIZE AND SET INCOMING TOKEN VARIABLE
// -----------------------------------------------------------
$token = check_type('token');

if ($idev) {
// GET AFFILIATE DATA
// -----------------------------------------------------------
$aff_data = mysql_query("select username, phone, f_name, l_name, company, city, state, zip, url from idevaff_affiliates where id = '$idev'");
if (mysql_num_rows($aff_data)) {
$aff_data = mysql_fetch_array($aff_data);
$affiliate_username = $aff_data['username'];
$affiliate_phone = $aff_data['phone'];
$affiliate_fname = $aff_data['f_name'];
$affiliate_lname = $aff_data['l_name'];
$affiliate_name = $affiliate_fname . "&nbsp;" . $affiliate_lname;
$affiliate_company = $aff_data['company'];
$affiliate_city = $aff_data['city'];
$affiliate_state = $aff_data['state'];
$affiliate_zip = $aff_data['zip'];
$affiliate_website = $aff_data['url'];
} }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE ID
// -----------------------------------------------------------
if (($token == 'id') || (!$token)) {
if ($idev)
// -----------------------------------------------------------
    { $token_id = $idev;
    } else { $token_id = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_id $token_id</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE USERNAME
// -----------------------------------------------------------
if ($token == 'username') {
if ($idev)
// -----------------------------------------------------------
    { $token_username = $affiliate_username;
    } else { $token_username = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_username: $token_username</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE PHONE
// -----------------------------------------------------------
if ($token == 'phone') {
if (($idev) && ($affiliate_phone))
// -----------------------------------------------------------
    { $token_phone = $affiliate_phone;
    } else { $token_phone = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_phone: $token_phone</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE NAME
// -----------------------------------------------------------
if ($token == 'name') {
if (($idev) && ($affiliate_name)) 
// -----------------------------------------------------------
    { $token_name = $affiliate_name;
    } else { $token_name = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_name: $token_name</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE COMPANY
// -----------------------------------------------------------
if ($token == 'company') {
if (($idev) && ($affiliate_company))
// -----------------------------------------------------------
    { $token_company = $affiliate_company;
    } else { $token_company = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_company: $token_company</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE CITY
// -----------------------------------------------------------
if ($token == 'city') {
if (($idev) && ($affiliate_city))
// -----------------------------------------------------------
    { $token_city = $affiliate_city;
    } else { $token_city = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_city: $token_city</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE STATE
// -----------------------------------------------------------
if ($token == 'state') {
if (($idev) && ($affiliate_state))
// -----------------------------------------------------------
    { $token_state = $affiliate_state;
    } else { $token_state = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_state: $token_state</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE ZIP
// -----------------------------------------------------------
if ($token == 'zip') {
if (($idev) && ($affiliate_zip))
// -----------------------------------------------------------
    { $token_zip = $affiliate_zip;
    } else { $token_zip = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_zip: $token_zip</p>\");"; }

// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE WEBSITE
// -----------------------------------------------------------
if ($token == 'website') {
if (($idev) && ($affiliate_website) && ($affiliate_website != "http://")) 
// -----------------------------------------------------------
    { $token_website = "<a href=\'$affiliate_website\' target=\'_blank\'>$affiliate_website</a>";
    } else { $token_website = "N/A"; }
// -----------------------------------------------------------
print "document.write(\"<p class='idev'>$token_tag_website: $token_website</p>\");"; }


$affiliate_logo = "$logo_default";
// -----------------------------------------------------------
// DISPLAY TOKEN : AFFILIATE LOGO
// -----------------------------------------------------------
if ($token == 'logo') {
// -----------------------------------------------------------
// GET LOGO/IMAGE DATA
// -----------------------------------------------------------
if (isset($idev)) {
$logo_data = mysql_query("select filename from idevaff_logos where id = '$idev' and approved = '1'");
if (mysql_num_rows($logo_data)) {
$logo_data = mysql_fetch_array($logo_data);
$affiliate_logo = $logo_data['filename'];

$logo_location = $base_url . "/logos/" . $affiliate_logo; } else {
$logo_location = $logo_default; }
}
// -----------------------------------------------------------
    list($width, $height, $type, $attr) = getimagesize("$logo_location");
// -----------------------------------------------------------
print "document.write(\"<img border='0' src='$logo_location' width='$width' height='$height'>\");";

}

?>


HELP IS NEEDED, THANKS IN ADVANCE.

Hello, I am having some trouble with this Javascript slide show. At the moment when you click on the thumbnails they link to a larger image in a seperate browser page. I would really like to customize it so that the images open up in a smaller window on the same page. I'm sure this is something really simple but as of yet haven't been able to solve this little problem. I'm quite new to webdesign and would really appreciate some help.

Thanks

Hazel


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Exclusive Ionian</title>

<script type="text/javascript">

<!--

var timeout = 500;

var closetimer = 0;

var ddmenuitem = 0;



// open hidden layer

function mopen(id)

{

// cancel close timer

mcancelclosetime();



// close old layer

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';



// get new layer and show it

ddmenuitem = document.getElementById(id);

ddmenuitem.style.visibility = 'visible';



}

// close showed layer

function mclose()

{

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}



// go close timer

function mclosetime()

{

closetimer = window.setTimeout(mclose, timeout);

}



// cancel close timer

function mcancelclosetime()

{

if(closetimer)

{

window.clearTimeout(closetimer);

closetimer = null;

}

}



// close layer when click-out

document.onclick = mclose;

// -->

</script>

<script>



function changeimage(towhat,url, toImg){

if (document.images){

document.getElementById(toImg).src=towhat.src

gotolink=url

}

}

function sshow(){

window.location=gotolink

}



</script>

<script language="JavaScript1.1">

var myimages=new Array()

var gotolink="#"



function preloadimages(){

for (i=0;i<preloadimages.arguments.length;i++){

myimages[i]=new Image()

myimages[i].src=preloadimages.arguments[i]

}

}



preloadimages("i/allegra/1.jpg","i/allegra/2.jpg","i/allegra/3.jpg","i/allegra/4.jpg","i/allegra/5.jpg")



</script>

<style type="text/css">

<!--



#sddm

{ margin: 0;

padding: 0;

z-index: 30}



#sddm li

{ margin: 0;

padding: 0;

list-style: none;

float: left;

font: 11pt Trebuchet MS}



#sddm li a

{ display: block;

margin: 0 1px 0 0;

padding: 0px 1px;

width: 78px;

background: #EDEFED;

color: #999999;

text-align: center;

text-decoration: none}



#sddm li a:hover

{ background: #EDEFED}



#sddm div

{ position: absolute;

visibility: hidden;

margin: 0;

padding: 0;

background: #EDEFED;

border: 0px solid #EDEFED}



#sddm div a

{ position: relative;

display: block;

margin: 0;

padding: 5px 10px;

width: auto;

white-space: nowrap;

text-align: left;

text-decoration: none;

background: #EDEFED;

color: #999999;

font: 11pt Trebuchet MS}



#sddm div a:hover

{ background: #F7CB96;

color: #999999}

-->

</style>

<link href="file:///E|/c/rou.css" rel="stylesheet" type="text/css" />

<style type="text/css">

<!--





-->

</style>

</head>

<body>

<br />

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFED">



<tr>

<td width="900" bgcolor="#EFEFED">

<div align="center">

<p><a href="javascript:sshow()"><img src="i/allegra/1.jpg" name="targetimage" width="900" height="425" hspace="0" vspace="15" border="0" id="targetimage"><br />

</a>



<a href="file:///E|/i/allegra/1.jpg" onmouseover="changeimage(myimages[0],this.href, 'targetimage')"><img src="i/allegra/1s.jpg" width="180" height="85" hspace="0" vspace="0" border="0"></a><a href="file:///E|/i/allegra/2.jpg" onmouseover="changeimage(myimages[1],this.href, 'targetimage')"><img src="i/allegra/2s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a><a href="file:///E|/i/allegra/3.jpg" onmouseover="changeimage(myimages[2],this.href, 'targetimage')"><img src="i/allegra/3s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a><a href="file:///E|/i/allegra/5.jpg" onmouseover="changeimage(myimages[4],this.href, 'targetimage')"><img src="i/allegra/4s.jpg" width="180" height="85" hspace="0" vspace="0" border="0"></a><a href="file:///E|/i/allegra/4.jpg" onmouseover="changeimage(myimages[3],this.href, 'targetimage')"><img src="i/allegra/5s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a></p>

</div></td></tr>





<tr>

<td valign="top" bgcolor="#EFEFED"><br />

<p align="left" class="style9"><br />

<br />

</p></td>

</tr>

</table>

<p align="center">&nbsp;</p>

</body>

</html>