Adding OnClick And HREF Functionality To Billboard Script?

May 18, 2011

I am in the process of creating a billboard script for our company front page which will switch between two images. I am using the following script as a base: [URL]

I am eager to learn coding, but am still a novice at it so I was wondering if anyone could assist me with adding the following functionality:

1. Rather than (or perhaps in addition to) having the two images change based on a timer, I'd like to be able to insert a "next" arrow. Therefore I will need assistance in coding a button to change the images from "ad_1" to "ad_2" which is currently done automatically by the interval timer

2. I'd like to make the images clickable with unique destinations (so when you click on "ad_1" it will take you to "link 1", "ad_2" will take you to "link 2"

Below is my current code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

[Code]....

And here is a working example: [URL]

View 1 Replies


ADVERTISEMENT

Adding Functionality To Countdown Function

Oct 26, 2005

I've got the following JS function that does a basic countdown to a specific date. I have a series of dates, and rather than change the date manually each time the previous one has passed, I'd like to automate it a bit and have it just read the date from an array, and use that date for the countdown. The check would be if the countdown'd date has already passed. Here's what I currently have:

<script language="javascript">
// date/countdown

function showDate () {
var now = new Date();
var date = now.getDate();
var month = now.getMonth() + 1;
var year = now.getYear();

currentDate = now.getMonth() + 1;
window.status = month + "/" + date + "/" + year + " thisdomain.com ";

var roundCDiv = document.getElementById('roundC');
var showDate = month + "/" + date + "/" + year;
//roundCDiv.innerHTML = showDate;

// countdown
var nextDateB = new Date("October 30, 2005");
var diffB = nextDateB.getTime() - now.getTime();
var daysLeftB = Math.ceil(diffB / (1000 * 60 * 60 * 24));
var roundBDiv = document.getElementById('countdown');
//roundBDiv.innerHTML = daysLeftB + " days until ...;
roundBDiv.innerHTML = daysLeftB;
roundBDiv.innerHTML = daysLeftB + " ";
}

</script>

View 1 Replies View Related

Table Row OnClick Functionality Lost

Nov 6, 2010

I have been using a tr onclick function in my tables to change the color of the most recently clicked row, it works fine. I have recently added sorttable [URL] to my table with the simple
<table class="sortable">
Making the table sortable has overwritten my tr onclick functions, which are now dead.

Heres a quick sample of what it looks like:
<table class="sortable">
<thead><th scope="col">Header 1</th>
<th scope="col">Header 2</th></thead>
<tr onclick="doSomething(this);"><td>Some data</td><td>Some more</td></tr>
</table>

View 4 Replies View Related

JQuery :: Adding Multiple Classes To ToolTip Functionality

Jan 14, 2012

I am using a JQuery ToolTip on all links with a title="" and it works great. I want to add another class to (.shadow) and it only seems to work with one class.

Here is the code to initialize:

BTW I am using noConflict b/c I am running other JQuery scripts on the page.

I have tried:

And also:

Also tried creating two scripts. One with var $tooltip1 and the other with var tooltip2.

So far nothing has worked.

View 1 Replies View Related

Jquery :: Adding Rows And Matching Functionality - "Number Of Answers" Button Doesn't Do Anything

Feb 15, 2012

What I want to do which I can't achieve is that I want the functionality of the Option Type, Number of Answers and Answer buttons within each row to match the functionality on top. The problem is that under the "Answer" column within the new row it does not allow the user to select a button and the textbox under the "Number of Answers" button doesn't do anything but just display a number within the textbox.

Step 1: Open the fiddle and you see an options and answers section on top. Open the grid and select option 8. Buttons A to H would appear.

Step 2: Type in 2 in the Number of Answers Textbox.

Step 3: Select buttons A and D, you will find out that those buttons would turn green to show they are selected. Now as you entered in 2 in the Number of answers textbox (step 2), it won't let you select more than 2 buttons, if you do an alert would apear stating you are beyond limit please deselect a button to choose another button.

Step 4. Click "Add Question", a new row is added in the table.

Step 5: In the new row you just created, lets say that oh no I made a mistake, there should be 4 answers not 2 answers and within the table row you just added you changed the number of answers textbox from 2 to 4. My question is how can I get it so that it allows the user to select the buttons (turn buttons green) and deselect (turn buttons white) under the "Answer" column within in the row and that if the user has selected 4 buttons but tries to select a 5th button, it will come up with same error as in Step 3?

View 1 Replies View Related

JQuery :: Onclick With Different Href Url For Lightbox?

Aug 22, 2010

I am doing a lightbox effect onclick a image.Its easy if I just use this code:

<a href="images/image-0.jpg" class="lightbox" title="Cape Breton Island"><img src="images/thumb-0.jpg" width="100" height="40" alt="" /></a>
<script>
$(document).ready(function(){

[Code].....

View 2 Replies View Related

Can't Pass 2 Parameters On An Onclick In Href

Apr 12, 2010

I am having some issues with getting a variable from an onclick event with javascript.

$('#preview_logo').append('<img src="'+fileObj.filePath+'" height="100px" hspace="5" /> '+fileObj.name+' uploaded.<a href="javascript:;" id="dele_image" onclick="del_image('+fileObj.filePath+','+fileObj.name+');">Upload Different Image</a><br>');

This is for uploadify script for previewing an image that is uploaded, it creates the link fine, but won't trigger the function "del_image" unless I delete the parameters in the onclick, which leads me to believe it is something to do with my quoting. Here is the function:

[Code]....

View 7 Replies View Related

Call Onclick And A Href In Same Time?

Jul 11, 2009

I have this html [code]...

the inc_down function is part of a AJAX implementation. I want that this function be be executed when i click the div and in the same time the a href to work. In the code above the onclick does not work, only a href works. I have searched the net and the code above is the best i've found but it does not work.

View 14 Replies View Related

Location.href Within OnClick Event

Jul 20, 2006

I am creating a send to a friend link on my site. The link will open a pop up window, which contains a form.

I have a function that opens the centered pop up window, and it is called like so (the function declaration resides in an external script):

Code:
onClick="newWindow('http://www.mysite.com/send.php','',',','')"
I now need to append the current page's URL to the end of the URL ike so:

onClick="newWindow('http://www.mysite.com/send.php?page=xxx','',',','')"
This is sso that I can then use PHP in the pop up toget the variable from the query string.

I know that I can use location.href to get the current page url, but am not sure how I would include it in the onClick.

I have tried the following:

onClick="newWindow('http://www.mysite.com/send.php?page=location.href','',',','')"
but that doenst work...

Has anybody got any ideas?

View 3 Replies View Related

Popup Window For A Href Not Onclick

Aug 4, 2009

how I can have a popup window appear centred with scrollbars? The width and height must be changed for each popup. I need the popup window link to be placed in a href not as onclick. My client will be placing popup window link into their website via Adobe Contribute, so that is why I am asking for the whole thing not to be onclick.

View 3 Replies View Related

Running A Onclick Event On A Href Attribute?

Nov 24, 2010

Im a PHP developer and am quite new with javascript. I wanted some help on the hyperlink onclick event. Bascially I output a list of a href hyperlinks on a html page that goes all the way to the bottom of the screen. I wanted to add a onclick event to the a href tag that would pust the user right to the top of the page. I want to achieve this using javascript onclick event.

View 5 Replies View Related

Extract URL From Location.href Inside Onclick

May 28, 2007

I have the following code that I use to set the onclick function to top.location.href, but I need a way to extract the existing location.href from the onclick function, so then I can re-purpose it in the new onclick function. Any help would be greatly appreciated.

<script type="text/javascript">
var links = new Array();
links = document.getElementsByTagName("td");

for(var i=0;i<links.length;i++){
var tempfunc = links[i].onclick;
//*****EXTRACT THE URL***** NEED THIS PIECE //
var url = "http://www.sitepoint.com"; //say this is the url you extracted
links[i].onclick=function(){window.top.location.href=url};
}

</script>

View 7 Replies View Related

Change HREF Onclick, Apply To All Links

Jul 22, 2011

Sounds simple right? Why the heck doesn't this code work?

links = document.links;
for(var i=0; i<links.length; i++)
{
links[i].onclick= "this.href = 'whatever.html'";
}

View 3 Replies View Related

Using HREF And ONCLICK In An Anchor Tag Doesnt Seem To Work

Aug 11, 2005

I'm trying to setup a page that uses JavaScript in a text link to submit a form:

<a href="do.htm" onclick="javascript:document.forms.Q01.submit();">

I also have added a fallback page in the href (do.htm) in case users have JavaScript disabled. But the JavaScript doesn't seem to be working. When I click the link it always goes to the fallback page, and doesn't submit the form.

I've tried swaping the order in the anchor tag (JS first, href second):

<a onclick="javascript:document.forms.Q01.submit();" href="do.htm">

and the same thing happens.

If I remove the href value:

<a href="#" onclick="javascript:document.forms.Q01.submit();">

the JS does execute properly.

How can I get the JS to execute by default for browsers that support it, and the href be the backup for browsers that dont support it?

View 1 Replies View Related

JQuery :: Convert Button OnClick To Link HRef

May 17, 2009

I have a few input buttons per page:
<input type="button" value="MyButton" onclick="location='[URL]'">
I want to convert them to:
<a href="[URL]"><span>MyButton</span></a>

How can I convert that with jquery? I try to get the onlick val but jquery or javascript seems to convert onclick to a function. I have this, but it's not quite right, I'm trying to just move the onclick data to the link, but I'd rather do it with href.
$(":button").each(function(){
var ocval = $(this).attr("onclick").val();
$(this).replaceWith("<a class="button" href="javascript:void(0);"
onclick=""+ ocval +""><span>" + $(this).val() + "</span></a>");
});

View 2 Replies View Related

JQuery :: Form Submission Onclick Of A Href And Use Ajax

Jan 14, 2011

I want to have multiply forms dynamically created on a page with dynamic id's, I have a href and image styled submit button. When user click on the submit button i want to submit a form with AJAX request. I am using following code but nothing happens.

/*** HTML ***/
<form id="a2c" name="a2c" action="submitToCart.php" onsubmit="return false;">
<select name="25687">LCD TV</select>
</form>

[Code].....

Note: on page have multiple forms with dynamic form and submit link id's.

View 3 Replies View Related

Difference In Calling Javascript In Href And Onclick Of Anchor Tag.

Jan 18, 2006

I am looking for a generic javascript function to identify the form with in which a element exists, thus developer can avoid coding like document.forms[index].submit() - where they are sure, they want the form with in which this element exists is to be submitted. This way when forms are introduced at top level the code can remain unchanged, else every form introduce above in the DOM will result in increasing the index by one.

The code is given below. While doing so i am stuck with 2 problems
P1: In the code, you can see i am giving a explicit 'break' in the code. If i don't do so the code seems to be looping. Obviously i am missing some basic.

P2: I am able to pass 'this' for anchor element by name="xy"
<a href="#" name="xy"

in its onclick function by which, in the javascript function i move up the DOM.

While i am unable to do that on the anchor element given below since this function is now on the href attribute.

<a name="xy1" href="javascript:doFormSubmit(this);">Q test</a>

Hence the script fails. Code:

View 10 Replies View Related

Running OnClick To Change Href Class CSS Style

Jan 12, 2010

I am using this javascript code to run 'onclick' to change my href class style. It works to change the style, but when I click on the next menu item, the previous one is not reverted back to how it was previously, but the formatting is stripped away leaving the link purple with no background image. How do I get it to revert to the original class which is set?

Here is the javascript :-
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
var Lst;
function CngClass(obj){
if (Lst) Lst.className='';
obj.className='menu1';
Lst=obj;
}
/*]]>*/
</script>

Here is the relevant CSS :-
.menu {
background: url('../images/productblack.jpg') repeat;
width: 100%;
line-height: 24px;
float:left;
display:inline;
font-family: Verdana;
color : #ffffff;
font-size: 8pt;
text-decoration: none;
text-align: left;
font-weight:bold;
} .....

Here is the HTML :-
<div id="masterdiv">
<div onclick="SwitchMenu('sub1')"><a class="menu" onclick="CngClass(this);" href="javascript:nothing()"> 
RESISTORS</a></div>
<span class="submenu" id="sub1">
<a class="productsubmenu" href="resistors.html">Surface Mount</a><br> .....
Here is a working page with it (the product menu on the right) [URL]

View 2 Replies View Related

Overriding '<a Href' With '<a OnClick' For JavaScript Function OpenWindow(URL) For Image And Link...

Jul 23, 2005

Can anyone assist me with what I am trying to do with the following
code (six different scenarios to try to make the functionality work
correctly)?

I want to always (and ONLY) display in the status bar 'Symantec
Corporation' whenever anyone mouses over (onMouseOver) my image or
link OR when one clicks while holding the left mouse down (onClick) on
the same image or link. Upon releasing the mouse (onMouseOut), the
status bar should be 'blank'. I need the link to open in a new window
via my function openWindow(URL) code.

What is happening in most of the six scenarios, is that when one
clicks the link, either the function doesn't engage, but rather the <a
href= takes effect instead OR that status bar shows
'javascript:openWindow('http://www.symantec.com/');' when one clicks
while holding the left mouse down (onClick) on the image or link.

Additionally, for only the link, I need the CSS/style to show 'red'
when one mouses over (onMouseOver) it and then change to 'blue' upon
releasing the mouse (onMouseOut).

How about integrating 'style="cursor:hand"' into the code or perhaps
setting some of the data via a <div> or <span> snippet? Code:

View 2 Replies View Related

BASE HREF And A HREF="#" Onclick="..."

Jul 6, 2006

I've looked for this and I wouldn't know what the best practice would be
for solving the following problem.

We use a BASE tag in our HTML pages. Now we have some links that use the
<A HREF="#" onclick="...">Hello</Amethod to invoke a JavaScript.
However, because of the BASE tag, when clicking a link containing only a
# as 'href' it will load the root index.html file. What I want is it to
do nothing and execute the onclick handler.

Now I have two possible solutions:

- Replace the # with javascript:... and remove the onclick handler.
- Replace the A HREF by a SPAN having the same style as a link.

Both however, I've learn it isn't good practice to use javascript: in a
link. The SPAN as link would be a sort of Sim-HREF, which will probably
end up being trouble (span:hover anyone?). Anyone has a viable solution,
cause I must be missing something.

View 2 Replies View Related

Adding Onclick With CreateElement?

Mar 26, 2010

This is driving me insane. I'm trying to use createElement inside a loop to make some <divs>, each of which has an onclick event. I threw together this test page to demonstrate it:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

[Code]....

When I click on any of the boxes it alerts "5", the final value of x after the loop ends, instead of what the value of x was when the loop executed and created the element ("0", "1", "2", etc.). This is happening if FF and ie.

I also noticed in Firebug if I put a breakpoint on the "yay.onclick=function(){alert(x)}" line that it will break everytime I click on one of the boxes. Very strange...

How can I put in a variable on the yay.onclick=function(){alert(x)} line and have it "stick"?

View 5 Replies View Related

Adding An Onclick To A Select Button?

Jan 27, 2009

I have these following code:

<img class="sptr" src="/picts/separator.gif" width="6" height="20" alt="">
<img class="imgbtn" src="/picts/in_image.gif" width="21" height="20" alt="" onClick="wrapText(document.getElementById('TheTextArea'),'','');">

[code]....

As you can see the image has an onclick associated with it.I want to do a similar thing with the selection of the font-size.As the action needs to occur after the client has selected the size, probably I will need "on buttun up" ( or is it onRelease ? ) this one <select name="x_size"> ?or on all the option statements ?

View 5 Replies View Related

Adding An OnClick To A Dropdown Option?

Feb 12, 2009

On my site, when you select something from the first drop down box, javascript creates the options to appear in a second drop down box.

I have this code:
function addOption(selectbox, value, text)
{

[code]...

View 8 Replies View Related

Adding OnClick Event To External Js

Jul 2, 2009

This should be simple, but I can't figure it out.

I have the below external js file:

I need to add an onclick handler to the checkbox fields:

The form is being created dynamically through a database, so I can't add the onclick event to the fields themselves.

How would I add the onclick function to the script instead?

View 2 Replies View Related

Adding An OnClick Event To An Image

Apr 7, 2011

I can't seem to add an onclick event to an image. I'm sure I am doing something wrong as I am very new to Javascript.

This is a part of my javascript code that is in the head and body of my HTML file:

The image that is displayed is not clickable, and therefore the function redClick cannot be called.

View 14 Replies View Related

Adding An Onclick Event To A Div From Within Javascript

Sep 5, 2007

I am trying to add an onclick event to a div from within javascript. Basically i have 2 divs containing arrows ("<<" and ">>"), used to toggle the week of a calendar. At the moment the ajax communication and handling of the response is working fine. After i processed this, i want to switch the arrows, basically add onclick to the previously non-active arrow and then nullify the previously active arrow. How do i go about doing this? Below is my attempt at solving it, with no luck. Code:

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved