JavaScript - Using An Anchor In Onclick Alert

Title basically says it. I need to get the object that was just clicked, to insert into a JavaScript function. I've tried "function('this')" and similar things, but it doesn't work. I'm sure this is REALLY easy to do, but I don't know it and I have no idea what to search for.

Thanks

Hi guys,

Having a little bit of trouble with a site I'm currently working on...

I'm using some AJAX for the instant g-mail/facebook style navigation, you know the kind, with no refreshes, etc.

Problem is, to allow for back/forward and bookmarks, I currently use a URL that looks like:

http://www.mySiteOfFun.com/index.html#page=news.html;

This is fine, not a problem... The issue comes into play when I want to open up the news.html page, from my home.html page, and have it open to news item #6 (for example).

I can't add a #, because one is already being used to reference the anchor for the content div.


Has anyone run into a similar problem before? If so, how did you resolve it?

Can some jQuery be used to find the location of the news item div in question, on load, and scroll to it like that?

Just not sure how to progress really, and any help would be greatly appreciated!

I have an user table like this:-

guid | username | password | firstname | lastname | location | emailad
dress | userrole
-----------------------------------+----------+----------------------------------+-----------+-----------+----------+--------
------+---------------
8024259764dc3e8ee0fb6f5.84107784 | james | 827ccb0eea8a706c4c34a16891f84e7b | james | bond | NY | ny@live
.com | administrator
18689183644dc3e91571a364.71859328 | saty | 250cf8b51c773f3f8dc8b4be867a9a02 | saty | john | NY | hk@fd.c
om | administrator
2644885344cecd6f2973b35.63257615 | admin | 21232f297a57a5a743894a0e4a801fc3 | System | Generated | |
| administrator
(3 rows)

now my postgre query for delete the row ....

$query = "delete from users where username!= 'admin' and guid='".$guid."'";
$result = pg_query($conn, $query);

?>
<script type="text/javascript">
alert("Cannot delete this .\n It is system generated(s).");
</script>
<?php

(1)when I delete the user name one by one then delete occurs in my page userlist.php, I donot want to delete admin so i use username!= 'admin'

in where condition as shown above.
(2)now when I del any username(3 rows) from user table then alert occurs & it delete from userlist.php after that my page userlist.php is

blank. Finaly when i refresh the page then my admin username seen..

when i use return true; function then only alert generate .. delete doesnot occurs ...

Actauly i want:-
(1)if user is not admin then it delete from userlist.php ... nd also i m continue on this page ... like when james and saty want

to delte their acount ..as given in table.
(2)if user is admin then alert generate nd i m continue on this page.


i m tired now plz help me ....


so can anyone put the best condition in my coding.

I'm currently working on a project and I am doing a bunch of image switching.

I'm having a problem with the following...

I have seven medium image objects and one small one. One is at the top and the other 7 are below. When one of the 7 is clicked, it then becomes the one up top and the one up top then takes the place of the image clicked. This needs to be able to happen no matter which of the seven i click.

Also when you click one of the seven it runs a script to change 9 other images in the center of the page. this isnt too important because i have it working already.

What i have is, each of the seven images run their function that changes the 9 center images and then it runs another function.

What i need is for that function to determine which company for example(shaws, lowes, target) the top image belongs to and replace the image that was clicked with the top one. But i also need to replace the NAME="" and ONCLICK="function()" with the proper ones for the original company up top.

Please if you can understand what im trying to do let me know, if you need further clarification i can do so. i can draw a picture of what im trying to do or the layout if needed but i cant necessarily show anyone the project due to a non-disclosure.

Is it possible disable an onclick after clicking it and then enable it from another onclick by id

Code:

<img id="one" href="images/homepage/sliders/bonus_button.jpg" style="position:relative; top:30px; left:50px; height:30px; width:70px; float:left;">

This code runs when it is clicked:

Code:

$("#one").click(function() {
			
				runEffectB();
			
			
			
			return false;
		});

What I would like to happen is for either runEffectB() to not run if it was just run or to disable the #one.click once it has run.
I am assuming I will be able to re-enable it from another onclick running a similar function.
This is jquery and jquery ui if that helps.
Any ideas much appreciated.

All,
I have the following code:
Code:

<script type="text/javascript">
alert("This picture has received more then 10 down votes so it is now being deleted. You will be redirected back to the pictures page!");
</script>
<?
echo "<meta http-equiv=\"refresh\" content=\"2;url=http://website.com/pictures.php\">";
?>

This is just in the code. I thought it would just execute this but it doesn't. I can't have it appear on a button event or an onload since this snipped gets executed with AJAX. How can I make it appear?

Thanks in advance!

I am validating the value in a text area onBlur. If the value is not good the alert box comes up twice. Is there a way to correct this?
Code:

<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<title>Untitled</title>

<script type="text/javascript">
function verify_score(val1)
{
var temp = document.getElementById(val1)

if(temp.value == "AF"|| temp.value == "HF" || (temp.value >=0 && temp.value <=17)) {return}
else{
alert("Value entered is not OK. Accetable values a  0 to 17, AF or HF")
temp.focus()
temp.select()
}
}
</script>
</head>
<body>

<div id="PageDiv" style="position:relative; min-height:100%; margin:auto; width:200px">
	<form name="scoresheetform" action="">
	
	<div id="Submitbutton" style="position:absolute; left:52px; top:87px; width:110px; height:33px; z-index:1">
		<input type=submit name="Submitbutton" value="Submit Form"></div>
		
	<div style="position:absolute; left:9.822px; top:37px; width:45px; height:29px; z-index:2">
		<input id="HomePlayer1Rnd6Pnts" name="HomePlayer1Rnd6Pnts" onBlur="verify_score('HomePlayer1Rnd6Pnts')" size=3></div>
		
	<div style="position:absolute; left:79.822px; top:37px; width:45px; height:29px; z-index:3">
		<input id="HomePlayer1Rnd7Pnts" name="HomePlayer1Rnd7Pnts" onBlur="verify_score('HomePlayer1Rnd7Pnts')" size=3></div>
		
	<div id="HomePlayer1TotalPnts" style="position:absolute; left:146px; top:37px; width:45px; height:29px; z-index:4">
		<input name="HP1 Total Points" size=3></div>
		
	</form>
</div>
</body>
</html>

Hi,
I have this code:

var finalsort="("+getvalue+","numvalue")\n"
alert(finalsort)

however, it is then alerted three seperate times (as it is in a for loop) but i would like this to be displayed in an alert:

(david,5)
(james,3)
(tom,1)

How would I do this, am I doing something wrong with the \n?
thanks

I define an anchor as a global variable, like this:

Code:

 var globvar = {
anchor: document.createElement("A")
} 

Later, on the fly, I give it the attributes, like this:

Code:

 globvar.anchor.setAttribute("href","javascript:keyb_change()");
globvar.anchor.setAttribute("onclick","javascript:blur()");
globvar.anchor.setAttribute("id","switch");
...
globvar.paragraph.appendChild(globvar.anchor); 

TWO questions:
1) In setting the attributes on the fly, how do I attach
the anchor's text (the user clicks on) to the anchor?
2) Is there a way to include the attributes within the global variable's
original definition, thereby sparing me from coding the attributes
on the fly?

Thanks for your time.

Please could anyone offer any advice, in simple terms on how to add anchor points to a page in order to create a smooth scroll element such as this one:

http://www.kryogenix.org/code/browser/smoothscroll/#top

Any help would be much appreciated.

greetings everyone!

this is my first time trying to join this javascript
community.

Well then, now I'm telling about my miss-understanding
of this keywords of javascript here...

here's the html
Code:

<fieldset > <legend>Attachment</legend>
            <table id="attachment" style="height: 50px;" width="200" border="0">
                <th width="19%">Title</th>
                <th width="26%">File</th>
                <th width="41%">Description</th>
                <th width="6%">Upload</th>
                <th width="6%">More File</th>
                <tr>
                    <td><input name="title" type="text" value="- none -" size="33" maxlength="50"></td>
                    <td><input name="filepath" type="file" size="33"></td>
                    <td><input name="description" type="text" value="- none -" size="60" maxlength="200"></td>
                    <td><input name="upload" type="button" value=" Upload " onclick="upload(this)"> </td>
                    <td><div align="center">
                            <input onclick="addMoreFile()" type="button" value="+">
                        </div></td>
                </tr>
            </table>
            <!-- end Attachment --> </fieldset>

the aim is that the upload button would eventually changed into image
and then changed back to a link.
That one is already done here's the javascript

Code:

var attRow;

function upload(obj){

	// obtain the table pointer
	var attTable = document.getElementById('attachment');
	
	// post file into the jsp file
	
	// changing the image
	// get parent pointer of this element
	var par = obj.parentNode;
	
	var loImage = document.createElement('img');
	loImage.setAttribute('src', 'images/loading1.gif');
	
	par.innerHTML = '';
	par.appendChild(loImage);
		
	// create the removal link
	var text = document.createTextNode('remove');
	
	var liRem = document.createElement('a');
	liRem.setAttribute('href','javascript:removeFile(this)');
	liRem.appendChild(text);
	
	par.innerHTML = '';
	par.appendChild(liRem);
	
}

function removeFile(obj){
	
	// post fileid 
	
	// change the image
	
}

function addMoreFile(){
	
	// create fully file upload row
	// consist of two text elements, file element, and 1 button.  
	var nFileTitle = document.createElement('input');
	nFileTitle.setAttribute('name','title');
	nFileTitle.setAttribute('type','text');
	nFileTitle.setAttribute('size', '33');
	nFileTitle.setAttribute('value','- none -');
	nFileTitle.setAttribute('maxlength','50');
	
	var nFilePath = document.createElement('input');
	nFilePath.setAttribute('name', 'filepath');
	nFilePath.setAttribute('type', 'file');
	nFilePath.setAttribute('size', '33');
	
	var nDesc = document.createElement('input');
	nDesc.setAttribute('name', 'description');
	nDesc.setAttribute('type', 'text');
	nDesc.setAttribute('value','- none -');
	nDesc.setAttribute('size', '60');
	nDesc.setAttribute('maxlength', '200');
	
	
	var nUpButton = document.createElement('input');
	nUpButton.setAttribute('name', 'upload');
	nUpButton.setAttribute('type', 'button');
	nUpButton.setAttribute('value', ' Upload ');
	nUpButton.setAttribute('onclick', 'upload(this)');
	
	// empty element
	var ksg = document.createTextNode(' ');
	
	// obtain the table pointer
	var attTable = document.getElementById('attachment');
	attRow = attTable.rows.length;
	alert(attRow);
	
	var nextRow = attTable.insertRow(attRow);
	var ceL = nextRow.insertCell(0);
	
	ceL.appendChild(nFileTitle);
	
	ceL = nextRow.insertCell(1);
	
	ceL.appendChild(nFilePath);
	
	ceL = nextRow.insertCell(2);
	
	ceL.appendChild(nDesc);
	
	ceL = nextRow.insertCell(3);
	
	ceL.appendChild(nUpButton);
	
	ceL = nextRow.insertCell(4);
	
	ceL.appendChild(ksg);
	
}

the problem arise when I try to use the removeFile() function using this keywords.
into these;

Code:

function removeFile(obj){
	
	// post fileid 
	
	// change the image back
	// get parent pointer of this element
	var par = obj.parentNode;
	
	var loImage = document.createElement('img');
	loImage.setAttribute('src', 'images/loading1.gif');

	
}

I try to apply the same approach as the upload() function.
But instead the this object which is pointing at the parent node seems unreliable. Is there any missing point i haven't observed?

This code: when you click a link it jumps to an anchor point on the page and scrolls there smoothly. I was wondering how I get the same effect if I want the link to jump to another page? A normal anchor point on another page would set the href to, for instance, 'index.html#contact' but it won't work in this case as the javascript isn't reading the '#'. Any ideas??

Code:

		<script type="text/javascript" src="jquery.js"></script> 
		<script> 
		function goToByScroll(id){
     			$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
		}
		</script> 
	</head> 
	<body> 
	<ul> 
		<li><a href="javascript:void(0)" onClick="goToByScroll('contact')">Go to anchor 1</a></li> 
	</ul>

Hey guys I am currently trying to set up a set of <li>'s to act as links just so:

Code:

<li onmouseover="location='http://www.google.com'">Text</li>

Obviously this works fine, however what I need it to do is load in an iframe rather than reloading the browser.

So the question is, what code do I need to get target data in to the js?

Thanks!

I found a simple script from the net that redirects the user to another page after timeout. I want to redirect the user to an anchor (an anchor called #done) in the SAME page, but i couldn't do it. Here's the code. Any help will be appreciated. Thank you.

Code:

<form name="redirect">
<center>
<font face="Arial"><b>You will be redirected to the script in<br><br>
<form>
<input type="text" size="3" name="redirect2">
</form>
seconds</b></font>
</center>

<script>
<!--

/*

*/

//change below target URL to your own
var targetURL="http://myurl.com" 
// tried #done/samepage.htm as also samepage.htm/#done
//change the second to start counting down from
var countdownfrom=6


var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}

countredirect()
//-->
</script>