I 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 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.
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).
I have the following code
$('.box').hover(
function(){ $(this).css('background-color','#6bc6f2'); $("p").css('color','#fff') },
function(){ $(this).css('background-color','#fbf9f9'); $("p").css('color','#000') }
);
I have the .box class applied to a div basically I what to hover over the div change the background color of the div and at the same time change the text color of any text wrapped in p tags.
I am getting close but with this code every instance of the p tag gets swapped out I need to know how to target only p tags in the div that I am mouseing over
I'm trying to target an element to highlight it when I roll hover on a a tag list (which is a result of ajax request)[code]...
View 5 Replies View RelatedI have a func:
$('div.tabnav ul.tabNavigation a').click(function () {
this.hash e.t.c
//Is there a way to find out the name of the div or jquery id that was clicked. E.G so I can go ( in pseudo )
[Code].....
I'm in the midst of some volunteer work for my local roleplaying community, creating their website. I want to use a menu bar in the top with a <ul> and simple "a href"'s to switch between the main content. The content of each 'page' will be retrieved from a phpBB board using php.
I've chosen jQuery because I want to learn more about it and have stumpled upon this problem: How do I target a div, show that, and then hide the current one (or simply all other divs with a certain class). Maybe it has to be done the other way around, hide and then show, to prevent the page from being displayed in a weird way while they're swapping place.
If possible, I would also like to only load the content of the content divs when the menu button is clicked, so it doesn't take load time at first.
I am trying to set some styles for an iFrame contained within a div. I know the div's id but the iFrame has no id. What is the proper way to target the iFrame?
View 3 Replies View Relatedi'm using slideToggle which reveals a large element upwards;
[URL]
Given that the element revealed is very high the anchor tag that is used to show/hide sometimes disappears. I've tried return false; but that doesn't fix it
In my sortable, i have a placeholder element which says "Please drag somethign here". After the user has done that, it should disappear, but just, if the draged item was droped into that specific list. And that's my problem. I don't know, how to check, where the dragable was droped. :/ I couldn't find anything in the event object or docs but probably it's quite easy.Of course, i could save the state of the list and then check it or something like that but that sucks.Here's my current code, it just deletes the placeholder but even if you drop the dragale into nowhere.[URL] 2nd I didn't investigate this too much but since im opening a new thread...The html element i drag around, should get wraped with a tr abd td. How do i achieve that?
When having e.g:
<table id="x">
<tr>
<td>
[code]....
and i do $("#x").remove(); it seems to remove the content and the table element but not its td's and tr's, why?why is draggable->stop: triggered on page load?If i have e.g. stop: alert("hi")i'll get a alert hi. if i put it in an external function the same, but if i do $('.draggable table').draggable({disabled: true};); nothing happens on page load, like i'd expect. why?
Using a pikachoose slideshow inside an iframe and for some reason adding a url target of _top or _parent is not working. It just opens up the link in the iframe window no matter what i do.
I'm working on it in the staging area of my site- [url] You can see when you click on one of the images it doesnt fill the entire window.
I am able to get the page to scroll using something like this
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: rw_X, scrollLeft: rw_Y},2000);
I was hoping to be able to target the animate element by using something like this
document.body Is this not possible? What are some targets that allow you to scroll the page (the position of the scroll bars)?
I'm am trying to make a script that looks something like this:[code]This of course doesn't work. I don't no how to put the javascript variable v1 into the id selector to target the DIV with id="v1".I'm more a designer then a programmer.
View 5 Replies View RelatedAm having a fiddle with the following for a while now and am not getting anywhere - also not knowing if what i am trying is actually the best / fastest way... What i have is the following menu
<ul>
<li>Test</li>
<li>Test
[code].....
I need change the following jQuery script to target all images for a WP theme. I found two codes that may do it, but I don't know where to place them.
(sample)
Code JavaScript:
$("img[src='left1.gif']").hide();
or
event.target. As it stands now, the script doesn't load images, the browser takes over and loads the image.
(I've included the original comments in the script for safe keeping)
Code JavaScript:
jQuery(function(){
// Tabs
jQuery("#fbfwTabs").tabs();
[Code].....)
I'm pretty new to jquery. What I have is an array of images in a slideshow.
View 16 Replies View Relatedso this may be a simple question. Anyway: This Script forces a div to be "clickable" what works fine.
$(document).ready(function(){
$(".pane-list li").click(function(){
window.location=$(this).find("a").attr("href");return false;
[code]....
I want to use to pass data to an iframe. The example on the site is as below.
$.frameReady(function(){ $("<div>I am a div element. "+frData.myVariable+" </div>").prependTo("body");}
, "top.mainFrame"
[code]....
I have a homepage with two frames. The left frame is the navigation menu with about 30 links to different websites. The right frame (frame name is "display") is used to display the content of websites when user click on the links on the navigation menu.Left Navigation MenuThis is part of the codes of the Left Navigation Menu:
<div id="LoadPage">
<a id="link1" href="http://domain1.com" target="display">Website 1</a>
<br>
[code]....http://domain1.com
I need this iframe for a facebook tab, since they changed the width to 520px. The original page in the iframe is 700px wide, and I've changed a few CSS properties using the frameReady plugin. It's works just fine, but trouble starts, when i'm navigating the target site, the CSS properties I've changed goes back to the original settings.
This is my code:
<script>
$.frameReady( function() {
$("#gmap-auto1map-gmap0").css("width", "520px");
$(".views-view-grid").css("width", "520px");
[code]....
Try clicking any of the 'view on map' links, then you'll see where I'm getting at.
How could I work around this? Can I make it apply the script every time something new loads into the iframe?
How would I target (with jQuery or normal javascript) the 5th and 6th li in an unsorted list for styling? I need to change the css for only 2 items in a list.
View 4 Replies View RelatedI would have wished it under better circumstances. However, I'm having a quite annoying problem. I'm using jQuery UI hide effect and for some reason it messes with the DOM and/or and completely messes up some of my controls.$('#dvucCustomization').hide('fold', {}, 500);Is that the correct way to call the hide effect on a DIV element?I also tried simply:$('#dvucCustomization').hide('fold');and the same result: the JSs I have in the hidden/shown element are not working any more.
View 6 Replies View Related1) I have a series of divs embedded into a page, sort of like an FAQ setup. Each has a unique id like id="service1" etc.
2) i'm using an unordered list with each li being a hyperlink to the div id's
3) the div's are set up as name anchors ( <a name="service1">Service One</a. ) so I can hyperlink to them via the <a href="#service1">Service One</a> method
4) There's 22 divs and they need to be hidden until summoned. Therefore, I set $('.service').hide(); to make them all disappear.
Now, where i'm stuck is in how to summon them individually and have them appear when the appropriate list hyperlink is clicked. I'm using:
$('.servicelist a').click(function() {
var toLoad = $(this).attr('href');
}
So it's telling it to load the info found at the appropriate link. This is where i'm stuck. I need help on
1) how to 'unhide' the proper div id containing the related data
2) how to point it to the right location in the page (target div)
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.
I have just started trying to use jquery and though it looks cool and simple I'm having really problems working out how to do a really simple thingAll the examples I've seen use css selectors to target an element in the page but i need to use an id.basically I have a list of <a href> links and a load of <div>s that are all display:none by default when the page loads. The <a href> links and <div> elements are written dynamically by a php loop.What I would like to do is click on an <a href> link and make a specific <div> visible using its id. Sounds simple doesn't it ? But I can't figure out how to do this with jquery syntax.In traditional js syntax I would write a function that would receive the id of the target div as an argument when the <a> tag is clicked. Then I would loop through all the divs and make them all display:none and then display the target div.would i still need to put an onclick event in the <a href> links ? or is there a way of getting the id of the <a href> and using that to target the correct <div> ?
View 6 Replies View Related