I'm trying to get a link to open in a new window, I have the following jQuery so that the whole div is clickable.
$(document).ready(function(){
$(".promoBox.anchor").click(function() {
window.location=$(this).find("a").attr("href");return false;
[code]....
I need to get the page to reload with the anchor in the link when it is clicked in a dropdown menu. For example if I am on 'www.domain.com/about/#2' and I then click on 'www.domain.com/about/#3' the url changes but the page doesn't reload so I need the page to reload, but keep the new anchor (#3).I gave the links with anchors a class of 'reload' and tried this:
$('a.reload').click(function() {
window.location.reload();
});
I have a script that scans an HTML document for headers and special comment tags for the purpose of generating a left-floating/position-fixed DIV that contains the document's outline or "table of contents." Within the DIV are lists (UL element by default) whose items (LI elements) are jump-to links (A elements) to the points (headers, special points marked for inclusion in table of contents) in the document. The problem is this. I have typical HTML document with links that jump to points (usually headers) inside the document, as shown below:
Code:
<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a>Header Text</h1>
<p>...
</body>
But my script, being a document outliner that finds headers in a document, inserts another anchor as a jump-to point just before the first occurrence of text in the header (inserted A element shown in red below). This somehow disables the document-coded jump anchor (shown in blue below). And it occurs in FF and IE, which suggests it is not a browser-specific issue. Why does it occur? Is there something in the HTML spec that states that two anchors to which a jump occurs are not allowed to be adjacent elements in the document?
Code:
<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a><a id="jump-1"></a>Header Text</h1>
[code]....
To reproduce what I am seeing, search for the text "Why Is A Survey Done". The first occurrence is a within-document jump-to link, which should jump to a header below it. If the script execution to generate a document outline is disabled, the jump works. But if the script is executed and the document outline generated, the jump-to link does not work.
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:[URL].. 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?
i am doing an fprotate.class pictures and for the click link i'm trying to
get it to open in a new window. here's my command line and it opens in the
exisiting window:
<param name="url" valuetype="ref" value="http://www.mywebsite.com">
anyone have know what script text i put in to get hte page to open in a NEW
window similiar to the html [target="_blank"]
Trying to automatically redirect to a new window.
View 2 Replies View RelatedI have a page that open a new window witn _blank target.At this page I want to reload the parent window or even better to reload a div with ajax.I tried this window.opener.reload() but did not work.
View 1 Replies View RelatedI have a situation where I'm sending full sizes images to new windows from linked thumnails. Using _blank, the window is rendering at a very small size, and the image scales to that size on some browsers.
I want the window to be larger when it comes up, and the image to display maximized (not scaled). I know how to resize the window from javascript in link-side docs, but not in linking-side docs.and no idea how to max the presentation of the image.
If you have one or several links on your webpage, it could be your links resources, you might want your viewers to have the choice of opening the links in _self or in a new window / tab _blank
This service can be provided by a simple JavaScript function:
This code goes in the head section:
<SCRIPT LANGUAGE="JavaScript">
<!--
function mylink(target)
{
if (target) where = "_blank";
else where = "_self";
for (var i=0; i<=(document.links.length-1); i++)
{
document.links[i].target = where;
}
}
// -->
</SCRIPT>
And this code goes in your Body section:
<form>
<input type="checkbox" name="targetnew" onclick="mylink(this.checked)">
<p>Do you want to open this link in a new window?</p>
<p><a href="http://www.codingforums.com">CodingForums</a></p>
</form>
You can add as many link in the form section as you like and choose if each link should have a checkbox or just one checkbox the decides all the targets.
adding a class to all links with a target of _blank
View 12 Replies View RelatedI need to find a way to open a new _blank type window when a user submits. I have found a few answers but none that fit what i need. alot tell you to use target blank on submit, but i have two buttons that do 2 completely different things. Is there a way to achieve that? here is the code i use!
<form name="done">
<div class="photoContainer">
<p class="process">Photos Successfully Uploaded</p>
<div class="processbtns">
<input class="button space" type="button" target="_blank" value="View Photos on ebby.com"
onclick="window.location.href = 'http://www.ebby.com/details/<?=$propid?>.html';"/>
[Code]....
Code:
<a href="#" onclick="window.location='http://YourSite.com'">click here</a>
I want to make it so that it opens a new normal browser window just like target=_blank does.
[Code]...
And i need edit this code that it open the links in select to _blank not to a new window
i have a little problem with the target attribute ine the form below...
Code:
<form id="formReport" action="<?php echo $reportlink;?>" method="post" target="_blank">
<input type="hidden" name="reportProject" value="1">
<input type="hidden" name="idProjectRevision" value="<?php echo $idProjetRevision; ?>">
<input type="hidden" name="generateButton" value="<?php echo $bouton_generate_report; ?>" >
</form>
this form is submitted using the following .js code in order to generate a pdf Code: document.getElementById("formReport").submit(); the problem is that i get a popup (blocked by firfox by the way) instead of a new window or a tab, how do i solve this?
I need to add [target="_blank"] to the code below but I can't figure it out.
[Code]..
I'm starting to play with JS/JQuery and I don't know how to get the name af an anchor. I have a list of img faces and when hovering them, I want to display a random quotation
Here is the html
PHP Code:
<div id="faces">
<ul>
<li><a href="#" name="stalin"><img src="../images/img1.gif" width="50" height="58" /></a></li>
[code]....
I am using the following javascript on the target page to open it as top location from within an iframe, which is working ok.
<script type="text/javascript">
if(self!=top) {
top.location.href=location.href
}
</script>
However my problem occurs when the user uses the browsers back arrow to return to the previous page, the script executes again returning them once more to the page they have come from. Is anyone aware of a work around to this problem as it would seem there isn't one? perhaps even a better solution for opening the target page from the iframe as top location. This is really causing confusion for users, and I really need to get the issue fixed.
I have this anchor tag which is created through script [code]...
I'd like to add a title attribute to it. How would I go abouttargetingthe tag and then adding the title?
I have a problem with my jquery. This is my code:
jQuery(function(){
jQuery(".class1").toggle(function(){
jQuery(this).animate({ height: 250 }, 'slow');
jQuery(".class12",this).animate({ height: 250 }, 'slow');
[Code].....
So div.class1 wil animate from 100px to 250px if it's clicked. However, I couldnot click the link inside this div. Everytime i click it will be animated to 100px, and I can never get the link.
How can I keep the div.class1 open so that I can click on the link??
i have a problem, let me paste here a code snippet first:
<a name="Paragraph 1"></a>
<p> Paragraph1 </p>
<a name="Paragraph 2"></a>
<p> Paragraph2 </p>
<a name="Paragraph 3"></a>
<p> Paragraph3 </p>
Now i want to get the anchor name of the corresponding paragraph. For example: if i hover the paragraph 2 then it will display the name of anchor tag as "Paragraph 2". can we do this in jquery? if yes then how can we achieve this?
I have tried for hours to work this out, but with no success.
<a href="IMG_0001.jpg" rel="album" title="IMG_0001"><img src="IMG_0001.jpg" alt="IMG_0001" /></a>
<script type="text/javascript">
jQuery.noConflict();
[code]....
All I want to be able to do is use the alt attribute in the image tag instead of the title attribute in the anchor tag.
I have multiple <tr> tags following the below pattern:
<tr>
<td class=c1Top>
<table>
<tbody>
[code]....
I need to update the href attribute so it appends the html value to the href attribute e.g.
href="http://mysite/Page1.html"
href="http://mysite/Page2.html"
href="http://mysite/Page3.html"
I tried the following, but no luck. It updates the html value of all anchor tags with the value contained in the 1st tr $('td.c1Top table tbody tr td.ms-vb a').attr('href', $('td.c1Link table tbody tr td.ms-vb a').html());
The first thing I'm trying to do, is pretty much exactly like the effect that is seen here [URL].. I like how it still fades even when your mouse isnt right on the link.. you could have the cursor on the link for 0.1 seconds and the fade animation still continues.. I tried looking through the sites javascript files to see how they do it, but I couldnt figure it out.
View 1 Replies View Relatedi have div which is display:hide, now when i click on anchor link it set display:block, now i need help with jquery to use effect when showing that div, but i need to do that without .click on that anchor.
View 3 Replies View RelatedI am trying to call an ajax function from the onclick event of an anchor tag. Currently I reference the function like this. I would have liked to bind the function to the anchor tag but did not know how to do that when I need to pass in a parameter?
<a href="#" onClick="getCredentialFromId(${link.id})">${link.name}</a>
link.id and link.name are rendered on the serverside so when the page is rendered it looks like this:
<a onclick="getCredentialFromId(35)" href="#">MySQL</a>
my function looks like this:
function getCredentialFromId(cred_id) {
$.post('link.htm?linkCredentials',{cred_id: cred_id},function(response) {
try {
[code]....
So I am creating a page with unordered lists housing a large range of numbers. I want to dynamically create anchor tags and write them in before each UL. In FireFox it works just fine, however; in IE7 the anchor tags won't work.
Here's my code:
$(document).ready(function(){
$("ul").each(function() {
var $li = $(this).find("li");
var $first = $li.filter(":first").text()
var $last = $li.filter(":last").text()
$(this).before('<a name="'+$first+'"> </a><span>' + $first + ' - ' + $last + '</span>');
$('#lists').prepend('<span><a href="'+$first+'">'+ $first +'-'+ $last +'</a> | </span>');
});
});