Change Href Using A Function.
Jul 23, 2005
I have a button that change a number of images src's when I click a
button. The src's are stored in an array and I just use
document[imgName1].src=pics[0] to change the src of the image.
However I want the button to change the link as well to the image that
is displayed but i cannot get it to work. How do I do this. Could
someone tell me or point me in the direction of some code that will do
this.
I would like to do it in a similar way to the pictures. i.e. have all
the links stored in an array and change them when the button is
pressed.
View 2 Replies
ADVERTISEMENT
Dec 17, 2010
I am having a problem changing HREF and Text of a link from javascript. My code is as colos <a href="javascript:Action(9,'remove');" id="thelink">Remove</a>
And the javascript code is:
[Code]..
View 2 Replies
View Related
Jul 12, 2010
I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.
<!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" xml:lang="en" lang="en">
<head>
[Code].....
View 6 Replies
View Related
Jul 20, 2005
I am using some javascript code to change an image on an html page. I would
like the user to click on the image to bring them to another page. I need to
change an href to include an id value based on the image.
Here's the process:
1. select an image from a drop down list.
2. view the image on the same page.
3. click on the image to bring user to another page.
Here's my attempt at it:
function nextimg() {
txtString =
document.Topics.sel_val.options[document.Topics.sel_val.selectedIndex].value
document.image1.src = txtString.substring(txtString.lastIndexOf("&") + 1);
document.frmPic.href="details.asp?id=" & txtString;
}
I also think that txtString is not what I need. I believe it is a text
string (12345.jpg). So I will need to parse the string as well to get the
"12345".
View 2 Replies
View Related
Sep 9, 2010
I want to add a small but informative weather widget to one of my web sites. Having searched around, most are either too big or too simple.
I did find "one" that I liked but it links to a lame page. I would rather have no link rather than the one provided. The widget I like is a simple javascript "include file" similar to this one:
[Code]...
View 2 Replies
View Related
Mar 31, 2010
I have a simple image gallery consisting of an image with smaller thumbnails below that change on click which works fine.I now decided to change a link along with the gallery image source on click, but can't really get it working.Here is my code to swap the image to the clicked thumbnail image:
jQuery("ul.thumb li a").click(function() {
var mainImage = jQuery(this).attr("href");
jQuery("#main_view img").attr({ src: mainImage });
[code]....
View 2 Replies
View Related
Apr 30, 2009
there is a text box in a html page... When a user writes "23 April" And click "Go" and then an excel file should get open named "23 April.xls" and if user write any other date than it should open file with name of that same date with the extension .xls And also if there is any date picker to insert a date in the text box but in the format dd mmmm, eg. "14 March"
Now I have a code where i have a text box and a go buttom and if a click write anything and click go button then i will directed to the xls file with the name written in the text box.... BUT I AM NOT ABLE TO LINK A DATE PICKER TO THE TEXT BOX WHICH INSERTS THE DATE IN THE dd mmmm FORMAT Eg: 23 April
CODE I ALREADY HAVE FOR OPENING A PAGE
<html>
<head>
<!--
[Code]....
The thing is i am trying to create an intranet website for my office use only with the help html.. now on one of the page I need a link for the weekly based data stored in excel files... the name of those files are "Schedule for Week 04th May to 10th May.xls" So I need a popup calendar to insert a date and when a button click is hit then the above metioned file should open...
The above mentioned file has the date for the first and the last day of the week.. where the week starts on monday...
View 2 Replies
View Related
Nov 24, 2005
I am in a problems here trying to generate link by two dropdown boxes. So, I wanted it to be like when user selects some option from dropdown one the href attribute changes, index.php?staticvar=something&dynvar1=something, that is something I have already managed to do:
function change_href(id)
{
if (id != '')
{
var dynvar1 = document.getElementById("s"+id).value;
document.getElementById(id).href = "index.php?staticvar="+id+"&dynvar1="+dynvar1;
return;
}
else
{
return false;
}
}
This works perfectly for me, but now I need to modify the href with another variable, so it would be needed to be like:
index.php?staticvar=something&dynvar1=something&dynvar2=something2
The problem is that I don't know how to make it the way that user can change their selections, for example if user first selects (from dropdown) dynvar1 to be "test" and dynvar2 to be "test3", but then changes hes mind and decides to re-select dynvar2 to be "test4". It would be needed to be like only the dynvar2 part of the href changes with proper value (not changing the dynvar1 or staticvar).
I managed to make it changeable but it was like this:
index.php?staticvar=something&dynvar1=something&dynvar2=123&dynvar2=123
So, it didn't update the dynvar2 part, but instead just added another dynvar2 variable.
View 3 Replies
View Related
Jul 23, 2005
I need to change the location of the parent window and after
that scroll a little bit (because of "position:fixed" css buttons,
which obscure the title).
I have
window.opener.location.href = "newhreflabel";
window.opener.scrollBy(0, -25);
The newhreflabel may point to the same document or load
a new one (another chapter).
There is a problem is with timing, T think I need to
serialize those two instructions.
However, the window.opener.document.onload does not seem to
be trigered by href change. Is there any other way how to
do it - or I have ti all wrong?
View 1 Replies
View Related
Dec 17, 2010
I am having a problem changing HREF and Text of a link from javascript.
My code is as colos
Code:
And the javascript code is:
Code:
At first page load, it works fine. But then the link text nor its href don't change.
What could be the error?
View 3 Replies
View Related
Jul 19, 2011
I have 2 textfields and I need to change a link href based on whatever is in those textfields.
The link has to be in this format:
The reason for this is I need to launch fancybox and as far as im aware this is the best way to call it.
So what im hoping is when I add type something in textfield1 this will be reflected in the url. And same for textfield2. I know this can be done easily if I submit the page but I dont want that.
View 6 Replies
View Related
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
Mar 25, 2001
I was wondering if I could change the text of a link with a JavaScript. I want to set it up with a JavaScript function so that when A link is clicked on, the text of that link changes and it points to a different function.
View 2 Replies
View Related
Jan 19, 2010
I'm pretty green to jQuery. I have a .load() calling in some content that has some links within it. After that content is loaded, am I able to change the attributes of those links? This is how I'm loading in the content:
$(".maincontent").load(pages[0] + '?' + tsTimeStamp + ' .maincontent');
Which contains:
<a class="table_button0" href="#"></a>
<a class="table_button1" href="#"></a>
[Code].....
View 2 Replies
View Related
Mar 21, 2011
I have a table that is populated row and column headers, and data of course, I need to convert one of the row headers to a href that will reference a more detailed report. I have already gotten the parent/child relationship needed to pinpoint the data in that one cell but I can't figure out how to change it to a href using javaScript.
View 3 Replies
View Related
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
Oct 1, 2009
I have a website with several pages. Each page having the same menu.I need one of this menu item's text to vary according to each of my customers, where the customer id will be passed from an external link at launch time.I also need to change the menu item link <a href.../a> dynamically.I'm planning to create a redir.html pacge for each client and within that page, I can insert a url with parameters to launch the main page.
View 1 Replies
View Related
Apr 1, 2010
I'm trying to trigger a function when the user clicks on an image. The function will test for whether a variable passed to it is empty or not and branch accordingly. The image has an <a href> behind it that triggers the function OK, but I cant seem to pass a variable to the function. The variable contains a value from a database field, and I think it is probably a syntax thing because if I set the variable to contain a string instead (i.e. b = 'this works') within the <a href> it works OK. So the problem may be with setting the variable to contain the database field value within the <a href> here's the code:
[ICODE]
"<center><a href=""javascript:void(null)"" onClick=""goConfirm(b);"" b = ""<%=RS(8)%>;"" title=""Get map (open new window or tab)"" ><IMG src=""images/bt_compass.gif"" border=""0"" /></center></a>"
[Code]....
View 5 Replies
View Related
May 7, 2007
I would like to do multiple functions on one onclick, then go to a new page.
Here is my attempt using one function to do two things. Suggestions please
<SCRIPT language="JavaScript">
function submitform()
{
document.form.submit();
default_b.php?action=add_item&id=<?php echo $row["id"]; ?>&qty=1">
}
</SCRIPT>
</head>
<body>
<form name="form" action="">
<input type='checkbox' name='chk'>
</form>
<A href="#" onClick=" submitform();return false;">Add Item</A>
View 1 Replies
View Related
Jun 20, 2010
I've a problem with this ajax function, the url doesn't actualize. I want to see the hash in url, but with the function it's not possible. Why?The code I use in php is:
Code:
<br><a href="#nosotros" onClick="FAjax('nosotros.php' ,'capaContenedora','','get'); return false"><b>nosotros</b></a>
And the function is:
Code:
function FAjax (url,capa,valores,metodo)
{
var ajax=creaAjax();
var capaContenedora = document.getElementById(capa);
[code]...
View 9 Replies
View Related
Jan 1, 2011
How can I set a href or onclick function for an "a" element that passes information to the function?I have a function showpage() that is called whenever one of a number of buttons are clicked. I need to pass information from the button clicked to that function.
View 4 Replies
View Related
Mar 7, 2011
I have a page that loads various "applications" into an iframe inside the main page. One of the applications loaded calls a javascript function that is loaded with the "application" page. It works great in Safari, Chrome & Firefox but error's out in IE8 - "Object doesn't support this action". Have other calls that work but this one is the only one that uses href
[CODE]
<div id = 'trainingsubmitbutton' style='display:none;'><a href='javascript: submitdata(0)'>Submit This Record</a></div>
[CODE]
View 6 Replies
View Related
Nov 18, 2010
I should not be coding, to be honest, I know nothing about it ...
I have a link:
<a href="linkedfile.html">LINK</a>
I want the HREF value to be carried through my jQuery function. The function goes as follows:
User clicks link Linked icons fade out and reappear smaller at the top of the page Link HREF is followed
The new page will have the logos in the same place as they fade out too and content will appear in a frame below. However, I am clueless when it comes to Ajax and jQuery and would really like to learn, hence why I am using it. How do I carry the HREF through? Or are there better ways to do it?
View 1 Replies
View Related
Aug 28, 2010
I am so lost with JavaScript functions. How do you include "location.href = URL in a JavaScript function?
View 2 Replies
View Related
Jul 17, 2006
question: if you want a link which simply runs a js function is it acceptable to have no href? the problem with this is the cursor doesnt change when you hover over, but if you put # as the href it jumps to the top of the screen which is sometimes unacceptable. what it the best solution to this? granted you could do event handling behind the scenes and just intercept the clicks and prevent the href from going anywhere, but sometimes you just want to stick an onclick on the anchor tag!
View 5 Replies
View Related
Jul 25, 2011
I started with the simplest step - the hide() function:
$(document).ready(function(){
$("a#p").click(function(event){
$("#HiddenDiv").hide();
})
});
It worked fine as long as the href attribute of the anchor tag was '#'. Then I tried using href other than '#' and ran into a problem. I just changed the href to:
<a id="p" href="test.php">Click me</a><br />
<div id="HiddenDiv">Testing mate</div>
test.php is the page in which both these sections (html and jquery) are present, so like a postback to the same page.
This method didn't work and on clicking the anchor tag, the div stayed visible.
I then tried theevent.preventDefault(); method and that worked.
So I experimented more. I tried using the hide function on a dynamic link, something like test.php?a=1.
I ran into a problem again. The div remained visible on clicking that link.
View 17 Replies
View Related