Confirm Box On Clicking Link With HTML Class "external"?
Dec 20, 2011
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:
function checkClass() {
var links = document.getElementsByTagName("a");
for ( var i = 0 ; i < links.length ; i++ ) {
I would like to set the link's "visited" pseudo-class with javascript without clicking on the link. My goal is to update the link's color (previously set in the CSS file) to be "visited" without actually clicking on the link and then clicking "back" in the browser.
Does anyone know how? Here are the following things I've already tried to no avail:
var obj = document.getElementById("idOfMyLink");
//obj.visited=true; // NO //obj.style.visited=true; // NO //obj.click(); // NO, performs a click and takes me away from current page
/* // Setting the src of an iframe on the same page, trying to "stuff" this URL into browser's "History"
var theFrame = document.getElementById("myiframe"); theFrame.src = obj.href;
// NO. The iframe does go to correct URL, but the link's color doesn't update.*/Any ideas?
I'm having issues with jquery and the tabs I'm using. My tabs work but... I want some more functions and that seems to be a big problem for a Javascript and jquery newby.
I really don't know if this is correct but it works! What doesn't work is the active class. If you use one of the buttons in the first tab you go to the right tab but the tab itself has no class called active and that ruins the style.
2) I also have one other question: lets say that all the above is my second page and I have my frontpage in which I also have buttons. I want somebody to use the button and end up in the third tab of page 2. My link is something like
Code: page2.html#tab3
I read that using this should lead you the third tab but it's not working for me. You go to the first tab of page 2 instead.
I've been reading a LOT! Jquery for dummies, I googled, read the forum and other forums. I posted on a Dutch forum but no answer. I've added a lot of different code but it doesn't work.
I have two links that have the same class name (like class="item191") on the same site. I want to hover one of these links and both links should become highlighted.
I tried to load 1 html through ajax and javascript and it worked.But i want to load more than one and i cant.I thought that it would be a good idea to put the ajax files to the external websites and put the same load button.I tried this idea but it doesn work.I can only load one external website.
I want to have a javascript popup box so that when a hyperlink is clicked, a user is asked if they are sure they want to click this link, if they select ok then the page loads, if they click canel then nothing happens, However when a user clicks cancel the link still loads, can anyone see where I am going wrong?
I have a couple of links which when clicking on them start a video. In another div with id="info" I want to give more information about the video which is playing. When you click on a new link and the video starts the information should update. The information wich is in a list item is hidden with display: none before you click on the link. My problem is that the information of the previous video is not disappearing when I start a new one. I don't know what to write to make the information of the previous video disappear.
I tried empty() and remove() but then the div id="info" shows nothing. #info { width: 195px; height: 338px; border: 2px black solid; } .hide {display: none;} <script> $(document).ready(function(){ $('#text1').click(function () { $('#mona').show(300); }); .....
I got a paragraph, and i want the letter of A will change to N and the letter of P will change to A when i click the link of the "click me to change the letter".
I have a pages with list of sites and when I click on links to other domains, the other domains will see the referer where I clicked from. How can I avoid the referer when clickin on links on my page? (I don't want to click new IE browser and paste the url).
Does anyone know how to set the code, so that if someone clicks send on a form, and there's an error, that the form then shows in the window, (always a few pixels down from the top of the window), please ?The form is a php include on many different positions on many pages so the offsetTop will be different depending on which page it's on.
i've searched this forum before posting but didn't find a "clean" solution to my problem. I have an image with a link on it:
Code:
<a href="#null" onClick="addValue('bold');"><img src="images/myimage.gif" title="Some text" alt="Some text" /></a> which adds the value in a textarea in the same page via this function:
Code:
function addValue( val ) {
var tb = document.forms['valuesform'].elements['valuesfield'];
if ( tb.value.length > 0 ) tb.value += " , ";
tb.value += val; }
I need to disable the link after the image has been clicked,preventing multiple insertions of the same value. I've modified the link this way:
Code:
<a href="#null" onClick="addValue('bold'); this.onclick=null;" ><img ...... but while only one click is allowed,i get many JS errors in the JSConsole like
Code:
uncaught exception etc.... and i think this is not a good sign.=
What I want to do is make a link appear after a user clicks a link, which would make a new tab open. So basically, the user clicks the link and it opens in a new tab, and back on the website a link appears.
I am dynamically adding text boxes within a table and I want to be able to dynamically remove them as well. I have this part of the code figured out.
With each text box that I add, I also add a link in the same row, but different cell that will be a "remove" link. Im having trouble finding the index of that row by clicking on a link.
I can find the index by clicking on the row(tr) but I can't seem to figure out how to find the index by clicking on the link inside of the row.
Here is my code:
Creates the link dynamically in the 4th cell:
Code:
Remove Row Code:
Code:
Find Row Index Code:
Code:
I beleive the problem is in the rows[i].onlick part, since I'm not techinically clicking on a row, Im clicking on the link. I have tried changing the rows variable to:
I got a paragraph, and i want the letter of A will change to N and the letter of P will change to A when i click thethe link of the "click me to change the letter" .My code as following,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head>
I tried to word the question as best as possible, but here is what I want to do. I am creating a calculator online and it is getting more and more extensive, which is good b/c I'm learning a lot. Here is what I'm trying accomplish now. I am using "input" to get information from the user in the top section of my calculator and that will always stay the same.The part that will change is the results section (bottom part of the calc) based on a few different variations or setups, so I want to be able have them click on a few different options.
Option 1ption 2Option 3Depending on which one they click I want the javascript that is run for the results section to correspond to the option chosen. I also, want to be able to have a default option displayed the first time the page is loaded and then have it change if a different option is chosen. I don't think reloading the page is necessary, but I'm new to this and could use a little direction.I hope what I'd like to do makes a little sense. I'm not asking for any code written that will do this, but naturally something hints or tips that could get me going.I don't know how to "monitor" a link and return a value to a variable, so that it can be put into a an if statement in the results section.After that, it would be continually monitored or somehow restarted if the variable does change. Again, I don't know if this is the best way to go at it, but I'm not sure at all
I have an external page with some rudimentary html in the source code missing many tags.. a bit like the below. On a page hosted elsewhere I need to take the html from this external page and add and remove certain parts of it and add some styling such as line breaks before ^FIELD01. I've looked at jquery and AJAX but cant find anything to suit my needs. I think what I am struggling with most is having this page in a variable to then be able to edit it.
I have the following code <tr> <td><input name="test" type="hidden" value="1" /></td> <td class="icon"><a href="#" class="delete"><img src="images/action_delete.png" /></a></td> </tr> And once the delete button is clicked, I need the value from the input. $(".delete").live("click", function(){ var id = $(this).parent("tr").children("input").attr("value"); $(this).parent("tr").remove(); }); However, I cant seem to select the input's value.
I did a search of the forums, and this was the only thing I could come up that seems similar: [URL]. The last post in this thread tells me what I already know from my other research today - this function doesn't work in FF, Safari, etc.
Works great in IE, but nothing else. I'm using a jQuery gallery tool called fancybox, and from what I can gather, the popup of the gallery must be tied to a click on an anchor link.
On their support forums, one of their admins suggested that I use the following: Code: <script type='javascript'>setTimeout( function() {$ ('#popupLink').trigger('click'); }, $timeleft);</script>
Still doesn't work (not even in IE). BTW, $timeleft is a var that is being created in PHP. I've checked the source code and it is counting down correctly.
I am wanting to be able to swap out any of them to make them 'primary' this works for the first click, but after the first click it makes every div id and input name the same as the first that was clicked.It's also not working AT all if i click on the bottom link first, then a link above it.Top-down works, bottom-up doesn't.
How can I make a link or banner to be hidden after x clicks on it? And if possible to count only different IP clicks? Like if 30 users click on the banner and it is no longer shown in the site, unless I put some more clicks for it.
