I am pretty new to javascript, safe to say I have never written anything, just edited. I am trying to write this function now to replace image inside a div on clicking a link. Here's what I have so far -
Quote:
function ReplaceContentInContainer(id, source) {
var domlu = new Image();
domlu.src = "source";
[code]....
It shows up the image source instead of the image itself when I run it.
How to get this to work?
01.js:
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, when someone clicks a link the image pops up on screen in its own nice window smack down in the middle of the screen over top of the website. I want it to look neat tho, best example I can find is @ curse.com. [URL]. If you click that link and scroll down to the screen shot section and click on one of the images you can see how nice and professional it looks. How can I accomplish this?
View 1 Replies View RelatedThere's an outgoing link on my website that is sometimes slow to respond. I want to show a spinning wheel image after clicking it. Here is how I do it:
$("#thelink").click(function() {
$("#somediv").addClass('loading');
});
There are 2 problems: Firefox doesn't remove the "loading" class when going to another page and clicking the browser's Back button. Google Chromedoesn't add the class "loading". Instead itimmediately opens the pagetargetedby the link.I solved this by adding a "delay()". Is this the best approach?
$("#thelink").click(function() {
$("#somediv").addClass('loading').delay();
});
Is it possible, when a page is reloaded, to replace a link to a javascript in the head with a link to a different script?
View 4 Replies View RelatedCan anyone explain why replace doesn't work in the code below, the anchor text doesn't change when I click on the link.I will be happy if someone can tell me
1. how to change the linktext to "Hide information" when I click on the link.
2. how to hide the showInfoText (which has been visible when I clicked the first time) when I click on the link - now with the text "Hide information" - again.
3. how to make the link clickable again. Just now it is only clickable once.
I'm new to jQuery and have a problem with links inside an accordion.
The simplified code looks like this:
<div class="active-item">
<div class="available-items">
<h5>Headline</h5>
</div>
[Code]...
The problem is, that the links inside the table are not active. If i click them, the accordion is closing What do i have to do, to keep the links inside the open accordion as normal links, without closing the accordion?
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?
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#second').click(function(){
[code]....
I have a html of format
<table id="myTable">
<tr>
<td>
<a href="#">A1</a>
[Code]......
I have to get hold of that free text and replace it with whatever new value I have.
I want to know if there is any way to do that?
Also is there a way to wrap that :Some free text into a <p> or <div> tag dynamically?
like <div id="testdiv">:Some free text</div>
how I can change the code below so that instead of all the fade in fade out stuff the function will actually replace whatever is inside a div called Myholder with the response this script pulls in?
Here's the code I need to change.
Code JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('#wait_1').hide();
$('#drop_1').change(function(){
[Code]....
drop_1 is the name of a drop down which when changed runs this script which brings back a second dropdown with data relating to the first one.
I cant link out of link inside rotating tabs. The rotation is working fine. I have no problem with it. Bellow is the index.html page with <script type="text/javascript" src="tabcontent.js"></script> wich ofcourse has the JScript that is making it work. You will see another small Jscript on the index.html page that I've been using to try to make the links work, but to no avail.
[Code]...
I hope this makes sense. If anyone wants to see the entire code let me know. Right now I just got the rotator working. I just need to make the links work. I will post it for everyone to use as soon as I get it working.getting the links going.
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?
View 5 Replies View RelatedI 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".
View 2 Replies View RelatedI 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).
View 3 Replies View RelatedHow can i reveal the contents in a div on clicking a link, like. code...
View 1 Replies View RelatedDoes 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.
View 12 Replies View RelatedWhat 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.
View 6 Replies View RelatedI 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:
Code:
But that doesn't work.
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>
[code]....
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'm just wandering, how can you stop the replace() function from replacing characters inside a word, such as, if I try to replace 'x' with 'and', then my string would go from 'example, x' to 'eandample, and'.
View 5 Replies View RelatedI 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.
Is it possible to click and drag a link (either text or image) to a text field (or something similar) and have it display the URL of the link?
View 1 Replies View Related