Does anyone know how to target a link to a div tag. Basically instead of using an iframe, im using a div tag with overflow, and I want to have it so when a link is clicked, that href is loaded in the div tag..
View 1 RepliesI read a thread on this forum about double target links. People said that the only way to do this was to make a java script, and so i did. This is how i did: Code:
View 1 Replies View RelatedI have a php page which uses the following javascript code to open another page (The users profile page) and alos carry over the userID (dUid)
var userProfileUrl = chatProfileUrl+dUid.replace(/_/gi,"");
document.getElementById('userdetails').innerHTML += "<span class='userinfo' onClick="window.open('"+userProfileUrl+"','"+dUid+"')"><img id='profile' style='cursor:pointer;vertical-align:middle;padding-top:4px;' src=images/zoom.png> View Profile</span></br>";
I wanted to add to the menu another image link so I copied the same coding, but I do not know where to place the URL target that I want opened. I know I want the userID (dUid) also to follow this link as well. If I want the coding below to act in the same manner as the coding above, but instead open a page called /gift.php, where do I set the Url?
document.getElementById('userdetails').innerHTML += "<span class='userinfo' onClick="window.open('"+userProfileUrl+"','"+dUid+"')"><img id='profile' style='cursor:pointer;vertical-align:middle;padding-top:4px;' src=images/gift.png> Send Gift</span></br>";
My goal is to have a simple navigation/menu at the top of the site, where depending on a selection from the navigation (in most cases by selection) the selection would pull up or "call up" a theme image in window A or IFRAME A, which resides side by side to window B or IFRAME B which will also populate at the same time with content to coincide with the theme image (IFRAME A).
Basically I want to encapsulate all the content with a certain sizing of the browser window ... IFRAME A would stay static and would not scroll in any direction so the theme image would stay resident and visible next to IFRAME B which may--or may not require vertical scrolling. Code:
Using cycle "pager" to call anchors with buttons within ONE page. but, i'm also trying to call these same anchors to show up when referenced on that same page, but from a link on a different page.
I can't seem to get the external page link to go-to the proper anchor on the destination page. I've tried the simple:
<a href="http://website/womens-apparel#">Womens Apparel</a> (traditionally, this would go right to the destination anchor on the targeted page)
I've also tried to set an ID to each anchor in the the destination div, but it won't reference it.
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.
I have Cycle "pager" navigation working flawlessly in one of my pages. What i'm trying to do is this:
I'm Attempting to LINK to specific Anchors from a link on a different page.
Example:
// external page link //
<a href="http://www.convertstyle.com/beta/apparel/womens-apparel#shirt1">Headline Womens</a>
[Code]....
Basically, I have a link that should open the targeted link in a blank page, and upon the link being clicked, the original page's URL should be changed. The reason for this is that the user has to browse information on another website, and then pass the information on to me via a contact form, so rather than make them click back on my tab in the browser, and then find the "Contact" page link to fill in the form, I thought it would a good feature to simply go ahead and load the "Contact" page upon them clicking the link to the external page (which of course loads in a new tab). Here is the code I have in place:
Code JavaScript:
<a href="http://www.othersite.com/" target="_blank" onclick="window.location.href='http://www.mysite.com/contactus.php';">Other Site</a>
This all works fine on my computer, regardless of the browser that I use. One of my partners on this project called me this morning and said that the link was taking him directly to the "Contact" page without opening the "Other Site." This is strange because after I put this in place, I showed it to him and it worked fine. Now, a few days later, and it does not work. He said that he cleared his browser cache, history, cookies, etc. and the problem did not go away. He uses IE8. After he told me it was no longer working, I went to test it myself, and it works fine for me no matter which browser I use (IE8 or 9, Firefox 3 or 4 Beta).
why this might have worked one day and not the next? Is it simply a problem on his computer, or could it be an issue where based on what type of browser you are using, this won't work. Also, I know this is the JavaScript forum, but is there a way to do this in PHP without using the JavaScript onclick event? Obviously, I can't use the header() function since this functionality needs to be present on a link within text of a page.
When you right click on a link you get the option to save target as...(ie) and save link as...(netscape). Is there some JavaScript to call this function like the JavaScript to open a new window?
View 3 Replies View Relatedi want to submit form data from the popup window, close the popup, and load in the main window. problem is, it always opens a new 'tab'. i'm using google chrome, i didn't think to try this in
in the <head> of the 'main' window:
<script language='javascript' type='text/javascript'>
window.name='main';
</script>
[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 need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
View 1 Replies View RelatedI have a frames based website, my java menu is in frame "contents" but I want it to load the page in to frame "main", here is the code i have so far:
View 3 Replies View RelatedI want to know what div id I clicked on. My code looks like this:
[Code]...
I want to just know what the value of the div id is, in this case it would be "elem1". I saw .nodeName returns "div" but there's no .idName.
I am trying to target specific DOM nodes in order to change the background color.
The html code is:
<div id="rightcol"><h1>Highlights Regional</h1>
<div class="art"><a name="clergy"></a><h2><a href="clergy.html">Understanding Addiction: Recovery Tools for Clergy and Other Congregational Leaders</a></h2>
<p>A unique opportunity for clergy and congregational leaders.</p></div>
I am using this javascript phrase:
var x=document.getElementById('rightcol').getElementsByTagName("A");
It is returning all of the links within 'rightcol'. What I need is the anchors, which I wish to address by individual name.
I'm really weak at javascript,so i need some help here regarding popup boxes.
Currently,i have a file called main.htm, and when i click on a link it will bring me to my popup page called popup.htm,which is populated with buttons (say alphabets a-z). What happens is that when i click on any of those alphabetical buttons, say 'a', the letter 'a' will appear on my textarea that is in my popup box. However,i want it to appear on the 'main.htm' popup box instead. Is that possible? How do i do it?
I have 2 divs in my webpage. One div has links (using anchor tag). When I click on the link, I want the webpage in href url to open in other div. Can I do it using Javascript.
View 6 Replies View RelatedCode:
jQuery(function( $ ){
$.localScroll.defaults.axis = 'x';
// Scroll initially if there's a hash (#something) in the url
$.localScroll.hash({
[code]....
I'm trying to target more than one DIV -#slider_content- so that I may have the sliding effect more than once on the same page.
What would be the best way to test for IE only, and IE less than 7 (without conditional comments)?
I want to apply alphaImageLoader via a JS function, but I am not sure of best way to only target IE 5.5 --> 6/PC.
Any tips?
I'm trying to obtain the object of the element on the page that is clicked, but my code is unable to set the target. Here's what I have.
The JavaScript
CODE:
The Form
CODE:
What I want to do is get the target element(the submit button) so that I can get its sibling(it contains a unique ID). But it's not working.
I have a pop up window is for the user to submit some information.
That window is refreched a few times with the user inputs (its a form
submit in itself... couple of times). I would like that window to close
after the user submits a rating and refreshed the original page that
opened the window.
I cant use opener.document.refresh because afterall the page isnt
considered the opener after the user posts the information on the pop
up window.
I have a webpage that uses frames (yes I know, frames - previously been
flamed about that, but I do not know anything else to use since I am
clueless!!! Been asked to cobble together a site since there is a
misconception that I know what I am doing!!!)
Anyway, one of the things I have been asked to do is create a button
that will allow the user to print the contents of the main window (main
frame) without the navigation bar (header frame) being printed.
Having been looknig into this, I have found the following:
I have a web form with several "submit" buttons.
One of these uploads a file, and I want to validate the user input
prior to submitting the form. I have an event handler specified with
the form's "onsubmit" attribute which checks the the
event.target.value to make sure the right submission type is being
evaluated.
When I try to get the target or srcElement value from the event
object, however, it is always "undefined".
Here is the cut-down version of the handler...
function validateIfUpload() {
if (window.event) {
evt = window.event
} else if (document.event) {
evt = document.event
}
if (evt.target) targ = evt.target
else if (evt.srcElement) targ = evt.srcElement
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode
if (targ.value == "Upload") {
return validateUpload('prod_img_f')
}
return true
}
I have a navigation page, very long list of urls and when you click a link it is opened in a new window.
THE PROBLEM:
When i scrolldown the navaigator and click on a link, it refreshes itself, even when i have target specified.
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"]
As I work on a complex navigational menu (complex as in lots of pages and categories) I am trying to figure out how to extract the numerical part of the triggering div's id and then attach it to events within the code, thus using one set of code for multiple menu pairs. A snippet of code is below to show all the uses of the numerical part (using the jDiv plugin from Skyrocket Labs).
var hide01 = false;
$("#nav1").hover(function(){
if (hide01) clearTimeout(hide01);
$("#hidden1").show();
$(this).addClass("active"); } ...... etc
In general someone hovers over the #nav1 div, which in turn reveals the #hidden1 div, same for nav2 & hidden2, nav3 & hidden3, etc. Right now I am simply duplicating the code for each pair, but it would be nice to figure out how to use variables and reduce code size. I understand it is possible to perhaps get the numerical part using
$(this.id).replace('nav','')
But haven't figured out how to attach it to the various values within the code (hide, #nav, #hidden).