I'm looking for a toggle script that is much like this one. [URL]. Only I am in need of 5 links and have so only one div or element is open at a time. So by clicking one the other closes.
View 2 RepliesI'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I 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
Clicking on the menu buttons, a box with some info opens, ad under that, a div that makes the body of the site black. the problem is when i click a different button, to open a different box, the "div#black" should stay open and not toggle. i tried this
var black = $("div#black").toggle() ;
if (black == false { $("div#black).fadeIn("slow"); };
and this was the javascript for the button (with the toggle function, when i didn't use the if/else):
[Code]....
I don't know which is the correct way to write the if statement, i used easier ones but this one is to complex for me :D i think the main problem is the "var"
Trying to learn the basics... Here is a script for three toggle buttons that each when clicked open their corresponding divs. Fine. Now how does one go about automatically closing an open div when clicking on a new 'toggler' that opens it's div? I see other posts about this very question, but I'm just not grasping the logic.
jQuery(document).ready(function($) {
$("#toggle1").click(function () {
$("#toggle1div").toggle("drop", {direction:"right"}, 500);
});
$("#toggle2").click(function () {
I have a treeview with links in that navigate to other pages when clicked. I didn't want these to cause toggling when they were clicked. My lists are prerendered. I didn't find a very good way to do this, but the following works, This function goes in the head, it is to stop the event bubbling up to the default treeviewcode. function lihyperlinkclick(e)
[Code]...
I basically have many anchor links where when I click each of them it slidesdown its own div with some text in it. So have I wanted is when I click on one link it will show me the current one and hide the others. This is what I have tried which works great but when I click on a link it opens the div, then click on another one opens the div with one click and when I go back to re-click the previous link I have to double click it in order to work..
This is my js code:
$(".anchorlink").toggle(
function() {
var cont_val = $(this).attr("id");
$("div#unique_anchor_text", this).show();
$("div#unique_anchor_text").hide();
$('.unique_anchor_text'+cont_val).slideDown("fast");
},
function() {
var cont_val = $(this).attr("id");
$('.unique_anchor_text'+cont_val).hide();
});
HTML looks like:
<a class='anchorlink' id='$item'>Comment</a>
<div id='unique_anchor_text' class='unique_anchor_text$item'>some text</div>
I made a website in which I -for the first time- included some jquery code. I am totally new at this. I managed to have a menu, whose elements can be clicked, which triggers the apparition of a different "bubbles" with text inside. So far so good. But I would like to make a bubble disappear when I click on another element than the one that triggered its apparition. Explanation :
My menu is for example like: menu element 1 | menu element 2 It should do this
>> click on menu element 1 = bubble1 (it works) >> click on menu element 1 = bubble 1 disappears (it works) OR >> click on menu element 2 = bubble 1 disappears, bubble2 appears (doesn't work! there I have 2 bubbles at the same time)
I have a bit of javascript that is supposed to change picture and its accompanying text when you hover over a bit of link text in another area of the page. This is working, however, the text is toggling without the picture due to an invisible area next to each link. I am not sure if it's an issue with applying my javascript to another bit of code or what.
Here is the code that I have that flips the text:
<script type="text/javascript">
function tabOver(which)
[code]....
I know very little of Javascript and I'm trying to edit some to make it work the way I need it to. What I have is a simple script that toggles open and close of a table row. It works fine except for one thing; It starts out open. I need it to start closed. I tried changing some of the code and even switching function names to see if I could get it to work. But all I ever get with my changes is it just staying stuck open.
[Code]...
I would like to open the links in a new window but when i Use target=_blank anywhere I keep getting errors. Code:
View 1 Replies View RelatedI want to open links marked with class="external" in a new window, how do I do that?
View 2 Replies View Relatedavascript newbie here. I am trying to setup a javascript code that will open links to items that are checked.Is this possible by client side without using CGI?
View 4 Replies View RelatedI am completely a beginner at coding and really do not know much right now.
This is the day of week link rotation script which works just great:
<script type="text/javascript">
<!--
var MyEveryDayLinks = [
['Sunday', 'http://www.google.com', 'Google'],
['Monday', 'myURL', 'LinkName'],
[Code]....
Unfortunately I can't open urls in a new window.
I would so like this to work...but don't know why i can't make it work.
I've tried something like this with no luck..
<a href="javascript:[window.open(' + MyEveryDayLinks[L][1] + ', 'height=200, width=200',)];">' + MyEveryDayLinks[L][2] + '</a>.') ;
I have implemented an iframe that contains several links to other pages. I can't change the content of the iframe because it's on another server.
Here you can see an example of the code for one link in the iframe:
<a href="javascript: void(0);" onclick="openUrl('http://www.streambeam.org');" title="">Link 1</a>
Now I would want those URL's to open in a new file, so I can add a frame on top that refers back to my own site.
Now my question is: Is this possible, without changing anything in the iframe?
I am using Toby's iKonize script and would like to add a little more functionality to the script but not sure how to.
I would like the script to find all external links and have them open in a new window, rather than setting the target, can this be achieved? Also, if the image could be added after the anchor so it doesn't get any of the styling associated with the anchor element.
I have 30 or 40 different (going to different websites) links on many pages on my website, that I when clicked I need opening under the current window. (Pop-under) - but obviously needs to be done safely (no risk of being pop-up blocked??)So rather than just a target="_blank" - it would be something slightly more complicated, doing a bit of research perhaps the .blur method would help (Though really I have no idea)I'm using the jQuery library for other elements on the site, so jQuery would be ideal if there is a solution for this?If you click on "get code and open site" (Green button) - you'll see it opens up the website under the current window - which is exactly what I want to achieve (It also uses .toggle to switch divs (but i've done that part - just need help with pop-unders
View 4 Replies View RelatedI have seen that i can avoid the char # from my urls if i use the directly link to the pages and selet a TARGET to them... but for this i have use the target option in the <a> code:
<li><h2>
<img src="img/prensa.png" class="ui-li-icon"/>
<a href="subcategoria/prensa/prensa.html" target="_self"> Prensa </a>
[code]....
I have 3 links that are clickable... And what I want to do, is when 1 anchor tag is open and the user clicks on a different link, it closes the previous link and opens the clicked one. Here's a link to the working page to see my example: Example Site on Temp server The green buttons on the right hand image are the clickable links and these are the ones I want to add the final animation to. Click on one link, then click on another.
[Code]...
turning the following inline code:
<a href="http://www.bing.com/" name="bing" onclick="return !window.open(this.href)">Bing</a><br>
<a href="http://www.lycos.com/" name="lycos" onclick="return !window.open(this.href)">Lycos</a><br>
[Code]....
into an external javascript function that will do the same thing (open all links in a new window individually if javascript is enabled, without destroying links in html for if javascript is not enabled).
I can get the code to open 'variouslinks()' when I click the 'Go HERE' link but I cannot get it to open them in a new window. I tried using HTML and JAVASCRIPT.
View 3 Replies View RelatedThe link will be ad generated by Javascript code.Here is a bit more detail about my situation. I am creating a web-based mobile app. In other words, the native app acts just like a set of frames that load web pages. One of the frames loads an ad. The ad is invoked via javascript provided by various mobile ad networks.On the iPhone, we are noticing the ad loads within the ad frame inside the app, instead of spawning a new browser window. We would like to resolve this w/ javascript code that forces all links (specifically links generated via javascript) to open in a new browser window.
View 5 Replies View RelatedI need a program by which I want to open several web link autometically after a short interval. E.g. open google.com, then wait for 10 sec, then open yahoo in the same window, then wait for 10 sec, then open gmail, wait for 10 sec, then myspace, and so on.......
View 2 Replies View RelatedI have developed an intranet local site that consists of a home page: index.html which contains an iframe.
Above the iframe, I have a navigation bar that opens pages with target:iframe inside the iframe.
iframe's src is set to a page named home.html and this is the page displayed when you visit the site.
I would like to be able to give users links that point directly to certain pages that populate within the iframe and not instructions on how to get to them via the nav bar. And I am not talking about the pages alone but the parent piece where the navigation bar is (nav and iframe are contained in the index.html)
Except obviously the home.html, I am unable to do that. I have found a few Javascripts but I was not clear if they were supposed to help me achieve what I wanted and they haven't worked.
I have this little snippet of code that swaps a toggle image for news for a plus or minus sign showing if the div is open or closed. This code has worked before but i made a couple modifications today and it stopped working unexpectedly and i'm not sure why its failing. I am presetting the div tag with a plus sign with css and then modifying it with javascript. The problem i am having is that when the div tag has been opened it does not swap the image to min.gif anylonger. It remains max.gif.
[Code]....
I have a problem on the links on my page im working.sorry guys still a noob and my english is not that good. :b. my question is like i have a list of packages of food. [link_a] [link_b] [link_c] and i have a function that i put in my head tag:
function linkA()
{
window.open('link_a.html','link','width=300,height=200,resizable=yes');
}
now i can go to linka.html by click my link <A HREF="javascript:linkA()" >link a</A> is there a way i can have one functions that can open a link depend on what page .when it clicks then go to its designated page or i have to stick on writing function for linkB ,C,D and so on.