JQuery :: Get The First Link To Open The Accordions First Area?
Dec 16, 2010
i have made a small accordion on a sub page on my site, when you come to the site all areas are closed (as the shud bee.on my frontpage i have some links to the accordion, that when clickd takes you to the page with the accordion and shud oppen the coresponding accordion area. I can get it to work for all the links except for the one to the first accordion area.
i link to the accordion page like this<a href="news.html#0" title="News 1">
<a href="news.html#1" title="News 2">
<a href="news.html#2" title="News 3">
link 2 and 3 opens the accordion as the shud but link it wont open the accordion the script for the accordion looks like this
$('#scrollbar1').tinyscrollbar({ sizethumb: 10 });
var newsNum = parseInt(window.location.hash.slice(1));
$("#newsfolders").accordion({ autoHeight: false, collapsible: true}).accordion('activate', newsNum );
How do i get the first link to open the accordions first area?
View 1 Replies
ADVERTISEMENT
Oct 31, 2011
How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<img src="/Img/Illustrations/kicktalkv2.jpg"" alt="Kick Talk" usemap="#kicktalk_map" />
[code]....
View 2 Replies
View Related
Jun 25, 2009
I've seen this effect in Flash and am hoping to produce it in jQuery(that ought to get the juices flowing)...I have a list of events ordered by date. I want the accordion todisplay the event's name and when clicked, open to reveal eventdetails. Viewers will usually be interested in 'middle of the list'events but may wish to scroll (up) into the past or (down) into the
View 3 Replies
View Related
Mar 5, 2011
I have succeed in using JQuery tabs + accordion in my page, it works perfectly.
However, I need to use several accordions in the same page, so when I try this, the second accordion doesn't work :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
[Code].....
View 1 Replies
View Related
Sep 9, 2010
I have searched the forums pretty extensively to see if this question was answered before and haven't seen that it was.
I am trying to implement the jQuery accordion effect more than once within the same HTML page. I included the plugins and their following suggested code:
[Code]...
View 1 Replies
View Related
Mar 15, 2007
I'm trying to open an email window with 200+ emails this way...
window.open('mailto:'+allList+'');
'allList' contains: xxxxx@yyyy.com; xxxxxx1@yyyy.com; and ect....
When the list consists of a few emails it works, when the list is large, I get "The data area passed to a system call is too small" error.
I guess I can make a huge mailto hyperlink, but I think that would look horrible. If anybody has an idea please help me out.
View 5 Replies
View Related
Nov 16, 2009
adding a parenthesis in the area code of the phone number and validating it also. I made some javascript code but it is not working. I just need the code in adding () in the area code.
For example: When user enter 10 digit number no spaces or dashes such as 0000000000 or 000-000-0000, I would like to have this format right away (000)000-0000. I know how to replace the characters but adding it is a tricky one for me.
View 3 Replies
View Related
Aug 27, 2010
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.
View 1 Replies
View Related
Mar 30, 2004
I want to have several text links (not buttons) on a page and when someone clicks a link text appears explaining the link. If they click on a different link the text is replaced with the new text.
View 4 Replies
View Related
Jan 12, 2011
I have the following:
$(".buy_icon").click(function () {
window.location = "http://www.theuntappedsource.com/results.php?category=422"
});
Which opens the url in the current window when the icon is clicked.How would I open the url in a new tab?I should mention that I can't simply use an anchor tag.
View 2 Replies
View Related
Aug 5, 2010
I have used jquery modal window JS for creating Modal box. By clicking respective link modal Box opens in all the browser. But in Ie6 that behaves differently. In My webpage I have some Form controls, like( Input field, checkbox, Dropdownlist etc.) When I click the mentioned hyperlink the modal box opens in ie6 correctly but the Form controls operlaps the Modal box. Please check the attached screen. How to fix such issue for IE6.
View 1 Replies
View Related
Nov 2, 2011
I am using Jquery Tools Tabs andI want to be able to link from an external page to an open state on tab 2.(External Link to tab 2 --> tab 2 open)Here is my html:
<ul class="tabs">
<li><a href="#tab1" id="tab1">tab1</a></li>
<li><a href="#tab2" id="tab2">tab2</a></li>
[code].....
View 4 Replies
View Related
Aug 29, 2011
i know it sounds like a simple thing to do, but for the life of me
View 12 Replies
View Related
Jan 27, 2011
How to open a specific tab via an external link?
View 3 Replies
View Related
Dec 14, 2010
Im 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].....
View 2 Replies
View Related
Oct 23, 2011
I have a member search component that I've built that uses AJAX to update results on search filter change.Each result has a link with it to add that member as a friend, when you click the link it fires a modal window (colorbox) with the member data and add and cancel buttons.
Everything seems to work ok, except you have to click the link twice for the modal to fire. Is there something I can do to prevent having to click this twice to load?
View 10 Replies
View Related
Jun 30, 2009
I was guessing if it was possible, using jQuery, to have a link that, when clicked, opens the relative url and sends to it a post request. I'm trying to do this with the $.post function, but i found the problem that the request is sent, but the page isn't opened.
This is my code:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
[Code]....
View 1 Replies
View Related
Jul 20, 2011
I have an image that has been resized via CSS to show as 100x100px on an HTML page. When clicked, I want to open the image in a colorbox - so the user can see the non resized/squashed version as it will normally appear. I've worked out how to set the path of the href to itself (so this doesn't have to be changed every time) (see below), although not sure how to get the colorbox part working - I tried changing 'each' to 'colorbox' - as per how you would normally assign the colorbox, and it opens, it just doesn't load the image in it.
<div class="logoImage"><img src="../tym_img_shared/background-2.jpg" alt="Your company logo" /></div>
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a href="' + $this.attr('src') + '"></a>');
});
});
Thinking about it, perhaps it would be easier to also set the 're' attribute of the link whist setting the source?
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a rel="gallery" href="' + $this.attr('src') + '"></a>');
});
});
Doesn't work for some reason - but it does if I hardcode the URL and rel?
View 6 Replies
View Related
Nov 17, 2010
Having a bit of trouble with this. I'm not a JQuery novice, but can't seem to understand why the Triggerhandler isn't working for this particular PHP site I'm working on. I've used the same type of code in a Drupal site successfully.
I can't seem to find a plugin that can help with either.
View 2 Replies
View Related
Feb 17, 2011
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 Related
Apr 23, 2009
I'm trying to open a div that holds several images when the user clicks on a link. Each clicked link will open the div and display a specific pic. Plus each time a link is clicked the div should close before opening the div with the appropriate pic. Since I'm new to jquery I'm a bit lost on this one.
[Code]...
View 1 Replies
View Related
Dec 2, 2010
I have inherited some code that changes the behavior or menu links with submenus to open the submenu but I need it to both open the submenu and go to the link location.
Here is the code:
$('#leftNav #menu li a').click(
function() {
$('#leftNav #menu li a').removeClass('selectedAccordion');
$(this).addClass('selectedAccordion');
$('#leftNav #menu ul.currentnav li a').removeClass('selectedAccordion');
$('#leftNav #menu li ul li a').removeClass('selectedAccordion');
//$(this).parent('li').addClass('selectedAccordion');
var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))){
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
if(checkElement.parent().parent().parent().is(':visible')) {
checkElement.slideDown('normal');
return false;
}
$('#leftNav #menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}}
How do I put back the behavior to open the submenu AND go to the link location? I found I could add location.href = $(this).attr('href'); and go to the correct, but then the submenus slideUp and are hidden again. I can't figure out why changing the page closes the menus.
View 1 Replies
View Related
Feb 7, 2009
I have this piece of code which is opening link in new window:
How to change this code so link would open in the same window?
Probably I should change this part: javascript:void window.open
View 1 Replies
View Related
May 13, 2010
i'm running a slideshow and the first image is a link, but when i click on it, it opens the page in another tab.i want it to use the same window i'm already in and open the link there.
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1",
dimensions: [930, 68],
[code]....
View 3 Replies
View Related
Oct 19, 2011
How to open a link on the same window using window.open or any other method in JavaScript.
View 2 Replies
View Related
Oct 18, 2007
At my job we have computers that are set up with restricted rights. Firefox 2 is the default browser (good call), but for some reason a site that the user has to visit is IE only (yeah, wtf).
We have a webpage open with a link to that IE only site, now is there a way to open that link in IE from FF? We have full control over these machines, so we could install batch software or whatever it would take.
View 2 Replies
View Related
