JavaScript - Find A Value Inside Of Class And Display A Link

in a javascript file that contains the following code, is there a way to hyperlink the word ELEPHANT ?

$j('#message').html("white ELEPHANT");

I have a display hidden div code that works great, as seen:

Code:

<a href="javascript:InsertContent('login-popdown');>Login</a>

but the problem is that when I put this in a PHP echo, like so

PHP Code:
// retrieve the session information
    $u = $_SESSION['username'];
    $uid = $_SESSION['loginid'];
    // display the user box
    echo "
    <span class='toplinks'><a href='javascript:InsertContent('login-popdown');'>Log In</a>  -  <a href='http://www.tomhilsee.com/ipool/system/register.php'>Register</a></span>"; 


the javascript does not work because the ' interferes I'm assuming. So is there a way to accomplish the show/hide without using some sort of code that would interfere with the php echo?

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.

Hi everyone I have some problems with assigning a class to my included navagation menu.
I would like to give the last clicked menu item a active class so I can style it but i have no clue how that works with javascript. as you can see i have three files two pages which included the same menu.
Now I would like to set the first page to active because it would be the page the would start. but then when someone clicks the second page it should become inactive and set the active class to the secone link.
if that makes sens.

Is this possible with javascript?


my pages:

Page 1
PHP Code:
<HTML>
<BODY>
<?php include "menu.php" ?>
PAGE
</BODY>
</HTML>

Page 2
PHP Code:
<HTML>
<BODY>
<?php include "menu.php" ?>
PAGE 2
</BODY>
</HTML>

menu.php
PHP Code:

<a href="page.php" class="active">page1</a>
<a href="page2.php" class="noactive">Page2</a> 

I am using JavaScript for popups in my OpenLayers map.
All the html tags like <br> work in the popup window except for the link href tag.
Everytime I put in a link in my popup window it doesnt work:

Code:

var mystring = "here is link:<br> <a href=\"www.sun.com\">link</a>";

popup = New OpenLayers.Popup.FramedCloud("chck", feature.coord, null, mystring, null, true, onPopupClose);

Also tried link without quotes and with ticks and nothing seems to work with the link not taking me anywhere.

Please advise.

Hello everyone!

First of all let me introduce myself as this is my first post on the coding forums! My name's Tom, I live in Sheffield, England and I'm 21 years old.

Anyway, I have a little problem on a project I'm working on. I have a div set with an onclick link (onclick="location.href='http://www.google.com/';"). Thats not the problem, that works fine. The problem I'm having is that I then have another div inside this div that I don't want to be linked at all but the outer div's link seems to still be active on the inner one.

Does anyone have any idea how to stop the link on the inner div whilst still keeping the outer div linked?

Thanks alot for any help,
Regards,
Tom.

Hi,

Apologies in advance but I have no experience of Javascript.

I found the following 'Cut & Paste Google Internal Site Search script' in the Javascriptkit.com library - it works well and provides an easy solution for adding a search function to a website - code below

Code:

<script type="text/javascript">

// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="www.javascriptkit.com"

function Gsitesearch(curobj){
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
}

</script>


<form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">

<p>Search JavaScript Kit:<br />
<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 180px" />*<input type="submit" value="Search" /></p>

</form>

<p style="font: normal 11px Arial">This free script provided by<br />
<a href="http://www.javascriptkit.com">JavaScript Kit</a></p>

However, if possible, I would like to display the results inside the website structure rather than on a new page - is there an easy way to do this?

Thanks in advance for any help.

Hey all,

Hoping someone could help me out with some javascript coding as I am a complete novice to this!

I am currently building a website using 1 static page and all the content will be pulled in through different iframes by clicking on a navigation on the page. I found a very handy piece of javascript coding that lets me remove a class from one link and move it to the link that was clicked on (the code will be below).

The issue I am facing with this is that if I have Home set to class="On" to begin with and then click on Location, the background image will be added to the Location section but won't get removed from Home until it is physically clicked on.

Can anyone help me out with how I can get this to work correctly?

javascript:

Code:

<script language="JavaScript" type="text/javascript">

var Lst;

function CngClass(obj){
 if (typeof(obj)=='string') obj=document.getElementById(obj);
 if (Lst) Lst.className='';
 obj.className='On';
 Lst=obj;
}

</script>

HTML:

Code:

<div id="navWrapper">

			<div id="globalNav">
				<ul>
				<li onclick="CngClass(this);" class="On"><a href="iframes/home.html" target="content_iframe">Home</a></li>
				<li onclick="CngClass(this);" class=""><a href="iframes/location.html" target="content_iframe">Location</a></li>
				<li onclick="CngClass(this);" class=""><a href="iframes/speakers.html" target="content_iframe">Speakers</a></li>
				<li onclick="CngClass(this);" class=""><a href="iframes/agenda.html" target="content_iframe">Agenda</a></li>
				<li onclick="CngClass(this);" class=""><a href="iframes/useful_material.html" target="content_iframe">Useful Material</a></li>
				<li onclick="CngClass(this);" class=""><a href="iframes/event_presentations.html" target="content_iframe">Event Presentations</a></li>
				<li onclick="CngClass(this);" class=""><a href="iframes/gallery.html" target="content_iframe">Gallery</a></li>
				</ul>
			</div>
            
            <div id="localNav"></div>
        
		</div>

Hello

I need to not publicly display phone number inside my website page (I use Joomla CMS). In fact the main goal is of course to be able to show the number but not to be crawled by search engine..

So in practice instead to see this:

Phone: 013456789

I would like to see this:

Phone: Click here for see the number

By clicking on that link the number must be displayed...

My website for display the phone field use this php code:

Code:

<?php echo $CustomFields->field('my_phone',$listing); ?>

I asked in some forum and some people tell me is possible to customize this php code with javascript for let me hide/show the field value but I don't have a single idea how to do this because I'm not a programmer...

I take a look in all javascript libraries but I don't find any javacript ready for use for let me implement it inside the php code...

Anybody have a suggestion please ?

many thank

I'd like to create a website similar to http://www.picfog.com which displays images posted to Twitpic and Yfrog via Twitter.

Could anyone help me with the following:

Given a feed/list of messages containing links to images, display the images that are linked to.

For example, take these two Twitter messages:

omgsage: http://twitpic.com/cw3i3 - This is the cutest kitty ever
ellievolia: Our evening! http://twitpic.com/cw3hx

Using Javascript how do I extract the link part of each message, convert this to point to the actual thumbnail and then display the thumbnails on the web page?


Thanks in advance!

Hi,

I am just a noob and this is my first go at javascript and html

I am trying to figure out how to display info from an array in the <textarea>, I have tried a number of things nothings worked and I know it must be something simply but have tried a number of things

I also have to clear the <textarea> after it displays the info mentioned above and I think I have that sorted but I also have to have the <textarea> display all signup info stored in the array when a user clicks on a button

Here's the code

Code:

function show()
{
var myArray = new Array(); 
myArray[0] = document.getElementById('fullname').value; 	myArray[1] = document.getElementById('Address').value;	myArray[2] = document.getElementById('Phone').value;	

document.writeln('Thank you for signingup,' + ' ' + myArray[0] + '. Your details will be confirmed by E-mail to ' + myArray[2] );
	
document.writeln("<br>")
document.writeln('Details:')	
document.writeln("<br>")
	
for (var i=0; i<myArray.length; i++)
{document.write(myArray[i] + "<br />");	} 
}

Thanks

Hi, all!
I'm a "fresh" newbie, JS self-taught from the great resources provided in this forum. I want to better currently working page but lack enough knowledge atm. The situation is this:
* Multimedia database - audio clips and corresponding video clips to some of the audio ones.
* Dynamic content page showing the latest (by date) 5 or 10 clips with their info from db.
* Links provided for each clip, both to listen in a new popup window and to download the clip.

Accomplished so far: everything of the above *only* for the audio clips (and video ones but separately on a different page).
Every record in the data base has an audio clip and some of them, not all, have a video clip. E.g. there are records only with audio clips and there are records both with audio and video clips.
My question is is it possible wherever there's a video clip in the db in an already displayed db-record on the page to display 'watch' and 'download' icon for it together with already shown audio icons ('listen' and 'download')? Conditional displaying.
I read about combination between JS and CSS in almost similar situation but don't know how to apply it in my situation due to my little knowledge base at this moment. So, any help will be highly appreciated and useful as it will push me forward in learning JS. I'm almost sure this is possible as it's not a complicated issue.
I can post my so far working code, if requested. If not provided enough info on the issue, let me know.
Thank you in advance!

Hi guys,

I've been breaking my brains for few hours, I already searched online and I found nothing so far.

What I wanna do....

I have 5 different images linked to 5 different websites. Once the image is clicked, the first link will be displayed in an iframe, and the image will change to the second one. Once we click on the second image, the second link will be displayed using the same iframe, and so on.

The code changes the images,but I dunno how to deal with the link to the websites.

This is the code:

Code:

<html>
<head>
<title>Testing...</title>
</head>

<script type="text/javascript">
	imgs=Array("1.png","2.png","3.png","4.png","5.png");
	links=Array("www.vbct.ca","www.cnn.com","www.castanet.net","www.yahoo.com","www.cubaweb.cu");
	
	var x=0;

	function change() {
		document.getElementById("changes").src=imgs[++x];
		if (x==4) {
		x=-1;
		}
	}
	
	if (!imgs[x+1]) {
	x=-1;
	}
</script>

<body>

<div>
	<iframe src="http://www.vbct.ca" style="border: 0; position:relative; top:0; left:0; right:0; bottom:0; width:100%; height:400px;" name="page" width="100%"></iframe>
</div>
<br /><br />

<div>
<a href="#" target="page"><img src="1.png" id="changes" alt="alttext" onmousedown="change()" style="cursor: pointer;" /></a>
</div>

</body>
</html>

And this is the link to the test page:

http://www.virtualbc.ca/sites/test/

Hey guys,

This is my first time ever posting in a programming forum so please be nice! :)

I'll admit right away that this is for a homework assignment, but I really did try to solve it myself before I decided to post here. The instructions are to have a confirm box pop up when links with the HTML class value "external" are clicked. If the user clicks "OK" they should be directed to the linked page. If they click "Cancel" they should not be directed anywhere.

Here's my code:

Code:

function checkClass() {
	var links = document.getElementsByTagName("a");
	for ( var i = 0 ; i < links.length ; i++ ) {
		var link = links[i];
		if (link.className == "external") {
			link.onclick = clickHandler();
		}
	}
}

window.onload = checkClass;

function clickHandler() {
	if (confirm("You clicked an external link. Do you really want to leave this site?")) {
		return true;
	}
	return false;
}

The problem is that the confirm box is triggered on page load and not on link click. I know I wrote Code:

window.onload = checkClass;

but how else should I call the function? I thought Code:

if (link.className == "external")

would keep it from going as far as to the confirm box until an external link was clicked.

Thanks for pointing me in the right direction,

Johanna