I,m using js to parse an XML file. the values from each node are written into an HTML table. this all works fine. however when I try to read a web address from the XML and use it as the href in my <a> tag the page jumps straight to the URL specified. how can I prevent this happening?
View 1 Replies
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
If I'm looping through the links collection in the DOM in JavaScript how
can I tell the difference between an Image type link and a text url?
I've been looking at document.links[i].href and document.links[i],hostname
are there other properties to look at or am I going to have to parse the
link?
I have an idea but don't know if it's possible, from a technical point
of view.
Imagine to have some text.
Example
"John and Mary go to the cinema."
I'd like to have this kind of links.
By selecting "John" I can go to:
Link 1 (eg. page 1)
Link 2 (eg. page 2)
Link ...
By selecting "John and Mery" I can go to:
Link 4 (eg. page 4)
Link 5 (eg. page 5)
Link ...
So, the word John can be included in two links.
The links are multidirected.
Do you know if there is a package useful for this purpose?
On the contrary, do you have some suggestion useful to achieve this goal?
I really don't know how to start.
It could be nice to have this possibility.
Example
"John and Mary go to the cinema."
I could choose:
"[John] and Mary go to the cinema."
and then go to select among the possible "John" links.
or:
"[John and Mary] go to the cinema."
and then go to select among the possible "John and Mary" links.
I have a javascript menu vertical in a left frame of a website and I want to
have url-links in that menu to show a html-site in the right frame when I
press a sublink All in javascript.....
I want to place a piece of JavaScript at the top of my page/s that wil
tell all links on that page to open in certain target windows dependin
on the hostname.
Suppose the intranet address is http://intranet
so this means that the hostname is "intranet" right?
If I want all intranet page links to open in the same window but al
other links (ie external internet links) to open in a new windo
(_blank) then would I use something like below? Please correct an
place I've gone wrong:
if(document.links.hostname == "intranet") {
this.target = "_top";
} return true;
But somewhere in there I would also need an "else" statement to tell i
to open all other links in "_blank" target. Can someone please tell m
where that should be added in. I'm fairly new to javascript and am no
exactly sure what order some of this stuff should go in.
I found a script for drop down menus on the web. I use it on my homepage (www.k66t6-mf.com). The script works fine. However when you click on the links the pages open in a new tab or window. I do not want this. Does anyone know how I can prevent this from happening? (I know there is a lot of code, and I'm sorry about that).
[Code]...
Im trying to run javascript on a page, that has a regular frame, and get all the links from the frame. However im not very good at javascript which makes this much harder :cool:This is the script im trying to use:
javascript: for(var i=0; i<window.frames.length; i++){for (i=0; i < document.links.length; i++) { alert(document.links[i].href); }};
way to get all the links in a web page using javascript?
View 1 Replies View Relatedsome websites have a list of javascript links, eg:
javascript:Link(8);
javascript:Link(9);
etc
is there a way to get the list of the real links?
I'm using the lightbox gallery (http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm) script from dynamic drive to sample images for sale on my website.
I need to be able to add a "Click to buy" link in the actual popup image which will divert them to my order system. It has to be done this way so I know which image they have ordered.
I'd like to add the image in the bottom left section where you can put an image description.
How can i repeatedly post to a url in javascript
is it just using the post and get in html but will it send to the url
<META HTTP-EQUIV="refresh" content="1;URL=#top">
What is the correct way to format the URL of this script so that it refreshes a page in a different frame to the #top.
i.e. not the frame that has this script in it.
ESSENTIALLY what I want here is a hyperlink that refreshes a DIFFERENT Frame to the #top. -- possible?
I have used this daily changing image script, it works well but I would like to add html links to each image. But I don't know how to do it.
So instead of the array '1_side.jpg' '2_side.jpg' I would like somethinlike this:
Here is the code:
I believe this to be a JS quesiton, but perhaps there is something here of CSS too? I have an "ecard" which is: - a <div id="outer_ecard"> wrapping an <iframe>... - is hidden by default (via a JS function that fires onload of the parent doc),.. - that gets its display and visibility turned on when the user clicks a link in the parent doc, ... - and then gets its display and visibility turned off again via a call to that same JS function in the parent doc that hid it in the first place by default. here is just the relevant snip of the hiding JS function
[Code]....
I will show you how to get rid of <a> tags to put links on pictures.
When you want to put a link to another page on a picture, you type this
kind of HTML code :
<a href="page.html" style="text-decoration:none;" alt="funny things....">
<img src="img12.gif" alt="funny things ..." border="0"></a>
But when you click on the image, you can see a dotted border around it.
If you type this instead :
<img src="img12.gif" alt="funny things ..." border="0"
onclick="this.location='page.html'" style="cursor:hand;">
I think it is better, especially when you have frames in your website.
Does anyone know how I could make an iframe so that the links in the
frame page are disabled ... or if this is possible?
I have table with many rows indicating my record. I want my rows to
load my record, so I attached an onClick event to every row that loads
the proper record. Now, there are options associated to every record
(delete link, select checkbox, etc) that don't result in loading the
record. The problem should be obvious, upon the user clicking on any of
those options, the row's onclick is triggered which is undesirable
behaviour.
I need to get all links from an document element. In sample below how
can i get link to "www.google.com" from element with ID="here"
<html>
<head>
<title></title>
<script>
function bla()
{
window.alert("HELLO");
}
</script>
</head>
<body>
<td id="here">
<a href="http://www.google.com">Google</a>
</td>
<script>
document.getElementById("here") ........................WHAT?
</script>
</body>
</html>
I have an html file which links to word docs amongst other things; but
these files and their location may change periodically.
How can I adapt my html so that if the files do not exist, the links
are hidden i.e. how do I hide broken links?
I am creating a several step sign up process for our company. I want a new div for each step along the way. I will then either accordian or some other style for them as the customer progresses through the process.
I want to use a hierarchy like
div#step1
-->content
div#step2
-->content
[Code]...
I am trying to assign a click event handler to any of the <a> elements in the code below:
<div data-role="content" id="picSpace" class="ui-content" role="main">
<div class="ui-grid-b" id="gamePics">
<div class="ui-block-a">
[code]....
I have a back button and a forward button. When the first paragraph fades in, back button should be hidden. When the last paragraph fades in, the forward button should be hidden. Yet, neither of them are hiding, ever:
Code:
$nextGraph = $('#group1 p:first');
$('#group1 .slidernav').prepend("<a href='#' class='control' id='leftControl'>Back</a>").append("<a href='#' class='control' id='rightControl'>Forward</a>");
manageControls($nextGraph);
$('#group1 .slidernav a').bind('click', function(){
var triggerID = $active.attr("rel") - 1;
var image_reelPosition = triggerID * imageWidth;
clearInterval(playFade);
// clearInterval(play);
$nextGraph = ($(this).attr('id')=='rightControl') ? $nextGraph.next() : $nextGraph.prev();
manageControls($nextGraph);
$(".image_reel p").animate({
opacity: 0,
left: image_reelPosition + 500
}, 500 );
$nextGraph.animate({
opacity: 1,
left: image_reelPosition
}, 800 );
});
function manageControls(currentGraph){
(currentGraph==$('#group1 p:first')) ? $('#leftControl').hide() : $('#leftControl').show();
(currentGraph==$('#group1 p:last')) ? $('#rightControl').hide() : $('#rightControl').show();
};
