I have created a simple accordion that hides and shows span tags when the corresponding h3 header is clicked.
The Jquery:
$(".accordion span").addClass("answer");
$(".answer").hide();
$(".accordion h3").click(
[Code]....
However, I cannot work out how to test for the anchor and open the associated span tag
I am new to JQuery and trying to post some parameters from an anchor tag. But only my 'site' parameter gets passed. Here is my code :
<a class="screenshot-link" href="#" site='dv2' num='1'>1</a>
$(
".screenshot-link").click(function () {
[code]....
I've got an question about a 'accordion menu',When I add a 'current' class to my list item,
<ul id="TEST">
<li><a href="#">Example 1</a>
<ul>
[code]....
The accordion-menu I created works nice from the bottom, but if the mouse comes from top it isn't functional. Do you know a trick to let the bullets open if the mouse comes from the top?[code]
View 1 Replies View RelatedIm trying to get a link one one page to activate/open a specifik accordian but i cant get i to work
my accordion looks like this
<div id="newsfolders">
<h1><a href="#">NEWS 1</a><span class="newsdate">21/10/1969</span></h1>
<div>
<p>Curabitur massa mauris, feugiat ut consectetur eu ullamcorper eget quam.</p>
[Code].....
my first attempt to post seems to either have been rejected or simply gone into the cyber void.
I currently have a link on a webpage as follows:
<a href="#" id="loadData"><img src="images/bookcase.png" alt="" width="114" height="167" border="0"></a>
which is picked up by
$("#loadData").click(function()
which then executes:
.load("subgenre.php" , function() etc
What I want to be able to do, however, is pass a parameter to the php script, along the lines of:
.load("subgenre.php?param=" + passedParam , function() etc
i have a website where i have on the left side a button menu and on the right side an accordion menu. how can i get it to work, that when a user clicks on a button in the left menu, the associated entry in the accordion menu will open?
View 1 Replies View RelatedI have posted in my community in Open Text an accordion, but only the text is displayed like a bloc, no accordion effect.on this community the Module header look and feel is based on a CSS. It seems that i have some conflicts between both (no error message displayed).
View 1 Replies View RelatedI have a questionregarding passing a function within an anchor element href
during dom scripting using javascript. for eg:
the xslt file contains
<a href="javascript:{@test}('{@value}')">
how will i write this in javascript. Basically the xml file has
test = "help" and no value parameter in this particular xml file currently
the basic idea is to pass help('') in href of anchor tag
the help function is already defined.
i have currently written as:
var help = element.getAttribute('test');
var value = element.getAttribute('value');
elementA.href = 'javascript:help + '(' + value + ')'
value should be equal to ' ' where as in my case it is returning null and not sure on the syntax that i am using for href.
I mainly do PHP/MySQL coding, but I wanted to add this Javascript Accordion Menu to my site:
Javascript And CSS Tutorial - Accordion Menus | Switch on the Code [URL]
It works fine, but I was wondering if there was a simple way to modify the code so that the currently open menu stays open from page to page instead of closing upon each page reload?
I have a little help page that I open as a popup. Is there a way I can place anchors on the help page and based on the link the user clicks the help page will display that section?
View 3 Replies View RelatedI have a site where I am using window.open to open up and HTML page to a certain anchor.This works on some computers and not on others. The javascript part works fine but it does not go to the specific anchor all of the time. The code is correct because it works on my computer all browsers. The anchors do not work on my clients. There are 50 or some small images that I am anchoring. Could it be a loading problem with those images?Here is the javascript that I am using....
Code:
function popOpen(URL){
window.open(URL, '', 'width=225, height=325, top=0, left=0, scrollbar=no, resize=no, menus=no');
[code]....
I'm opening a new window that contains a simple frameset (topFrame,mainFrame). On the mainFrame page I have along list of service descriptions each with their own named anchor.
Here is the script i'm using to open / center window in browser (script is from 'ultimate window pack' extention for dreamweaver): Code:
I have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list.I have manged to create the following.....
var pathname = window.location.pathname;
var selecteda = $(".nav-selected a").attr("href");
// alert (selecteda)
[code]....
..but it doesn't seem to work.I'm not a JQuery GOD like most of you on here but I am trying my hardest The accordion menu I am trying to get this to happen on is Accordion Menu.
I created an accordion menu with rollover sub menus. My question is there a way to stop the rollover effect in the sub menus until the accordion animation is finished? When I click on a category link on the accordion the sub menu links flashes until the animation is done.
View 1 Replies View Relatedexplain to me the difference between the two? I just finished an online tutorial on Accordian Widget UI and it
View 5 Replies View RelatedI 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();
});
passing values with url
alert(document.Form1.pid.value )
window.open('test.aspx?id=" + document.Form1.pid.value ','','scrollbars=yes,resizable=yes,width=800,height=400');
i have made this function and want to pass value.
in test page i use
x= request.querystring("id").ToString.Trim but in alert i do getthe value i am not getting any value
I'm having some problems passing url parameters with an open.window command. I'm not terribly familiar with java script but here is the code below.
When executed it opens the window properly but does not pass the parameter. (this is part of a coldfusion template)
<a href="##"
,'prop1','location,menubar,height=600,width=800,sc rollbars,resizable,toolbar=yes');
return false;"><img src="#trim(photodir)#/#photoname4#" width="90"
height="60" hspace="2" vspace="2" border="2"></a>
I want to pass window size variables to javascript's window.open() function from a flash movie (actionscript) to javascript embedded in an html page. The idea is to generate a pop-up window when the user clicks a button in the flash movie. I've programmed the flash movie button like this:
on (release) {
getURL("javascript:open_win('http://www.mysite.com', winfeatures)"); }
where winfeatures is a string containing the pop-up window options, e.g. width=400,height=300,resizable=1 . I have 'traced' the string to make sure it is formed properly. These variables may change so I don't want to just insert them verbatim as the arguments. They are read from an xml file and made into a string - e.g.
(var winfeatures:String = "width="+myxml.attributes.width+",height="+myxml.attributes.height);
In the html page I have the following javascript:
<SCRIPT LANGUAGE=JavaScript>
function open_win(URLtoOpen, windowFeatures) {
newWindow=window.open(URLtoOpen, "myWin", windowFeatures);
}
</SCRIPT>
but it's not working. It seems the windowFeatures isn't being read (or read properly) and the pop-up opens with a default size.
I have a variable with a number value. I use variable++ to increase the value of the variable. How can I pass the new varible into a new window opened with window.open?
View 8 Replies View RelatedI 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 need three tabs out of which only one is open at a time n when u open another tab, one out of the earlier closed one should open(preferably with mootools). And also the tab which is opened should come at the top of the page as well.
View 1 Replies View RelatedI have multiple parent sections on the page. Each section has 3 child sections. Each parent toggles open and closed. and within each section there are buttons to toggle the children open and closed.
In the case of both the parents and their children, when a parent is toggled open I want the other parents to toggle closed . The same applies to the children of each parent. I want to close all the other open children when a child is toggled open. Rather like some accordions - which I can not use for this function. This way there is only one parent and one child open at any time
Because of the number of parents and children on the page I can not use Ids. All are designated by classes
I'm trying to accomplish an accordion-like function, but instead of dropping down the section below, the content just lays over the other options.
For example, take a look at the Accordion example here: [url]
Notice how when section 2 is clicked, section 1 rolls up. I'm trying to achieve something where with section 1 open, the user would need to click on section 1 to close it and then could select section 2 which would overlay its content below, rather than pushing section 3 down.
Is there an option on accordion that I'm missing or can this be accomplished using another widget or plugin?