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 RepliesI 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]
i have registered a validation function as the onclick event handler. It runs for the first time but does not run when i click on the button the second time. ( this is because i have put an aert box in the validation function and it does not show up when i click on the submit button for the second time)
here is the code
Code:
<input type="submit" value="Submit" action="submit.php " onClick="return validate('add_item_form');">
Code:
function validate(form_name){
validate=1;
string="";
[Code]....
when i leave all the fields of the form blank then the error message is displayed. But when i click on the submit button again then the validation function does not run.
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?
I'm trying to get the href attribute from the base tag in the document
head. The following does not seem to work... any ideas what I'm doing
wrong?
if(!(document.getElementsByTagName) ||
!(basehrefs = document.getElementsByTagName('base')) ||
!(basehrefs.length) || !(basehrefs.length > 0) ||
!(basehrefs[0].getAttribute) ||
!(basehref = basehrefs[0].getAttribute('href')) )
basehref = ''
This is essentially a very cautious version of:
basehref = doument.getElementsByTagName('base')[0].getAttribute('href')
The big hairy if just provides checks to make sure everything can be
done and provide a contingency if it doesn't...
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.
When I click the name, I should go the particular page about that person.
<script type="text/javascript">
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.onreadystatechange=verify;
xmlDoc.load("a.xml");
[Code]....
How can I get the href attribute in a variable?
View 1 Replies View RelatedI'm having an odd issue that i can't recreate in jsbin.i have an anchor tag:
<a class="navigateToCategory" href="#523">Instruments</a>
and the code below:
$('.navigateToCategory').bind('click',function(e){
e.preventDefault();
alert($(this).attr('href'));
});
IE will give me [URL] while all other browsers give me "#523". I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a jsbin of it workinghttp://jsbin.com/unowe3/13 why .attr('href') would be different in IE vs Other browsers on my page but not jsbin? i'm using the same doctype and version of jquery, and identical code. i can't think of any code that i could have written that would affect how .attr('href') works. Edit: i did build a "hacky" solution for it by using $.browser.msie and an if statement, but it doesn't make any sense to me why it would be different in my situation vs any other.(not to mention, if it for some reason starts working properly, the "hacky" solution will cause it to not work)
I'm trying to replace the value of href attribute of an element with the title attribute of that same element. The code pasted below works to some extent, but the last line doesn't.
jQuery(document).ready(function(jQuery){
jQuery(".ngg-gallery-thumbnail a").each(function (arr){
if (jQuery(this).attr("alt").substr(0,5)=="Video"){
jQuery(this).attr("rel","wp-prettyPhoto");
[Code].....
I am trying to make a poll using jquery and php and am bit lost. I have a link
<a href="poll.php?vote_id=1&post_id=25">I agree</a>
Now how do I use jquery to select the vote_id and post_id. I need to store them in variables so that I can pass it on to a php file using get statement.
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].....
Right, so there are a bunch of links in this format: <a href="/profiles/########">username</a>
I'm using greasemonkey, and what I want to do is go through and get all of the /profiles/######## part of the anchor tag. I'm using Regex and I can't seem to get a match.This is what I have so far:
function ok() {
var names = document.getElementsByTagName('a');
var reg = new RegExp("WHAT GOES HERE?");[code]....
what is actually desired is I want there to be a way I can select these somehow as well..
I have links in my page in the form of this
<a href="example.php?key=someid" class="link">some link</a>
I want to refresh href attribute of link via ajax every five seconds, I am trying this,
[Code]...
This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -
Table looks like this -
Have spent over 40 hours trying to make something like this work. Any help will be received with profound gratitude. First, we reference a script whose purpose is to create a space for session variables similar to cookies. Works if it appears early in body of Drupal page, so this is not the issue (Drupal parses pages down for display so there is no user <head> tag).
[Code]....
I would like to have an onClick function that when the object (image that submits a form) is clicked on, it runs a PHP script as well as submitting the form. I can get it to work by opening a new window, but I don't want this to happen as it looks fairly spammy even when you use javascript to immediately close that window after the PHP script has done its bit.
View 5 Replies View RelatedHow would I go about running a program onclick or onblur and displaying the result on same page without it changing?
View 13 Replies View RelatedI 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].....
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]....
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.
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 RelatedI have an issue. In a nutshell I am making and inserting into a the DOM of a page a button:
_button = document.createElement("input");
_button.setAttribute("type","button");
_button.setAttribute("id","button");
_button.setAttribute("value","Remove");
_button.setAttribute("onClick","alert('');");
It gets assigned to its parent:
_parent.appendChild(_button);
And all is well in FF 1.5 or 2.0. But in IE 6.x the button appears in the DOM, but the JavaScript 'onclick' is never invoked.
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>
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'";
}
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?