JQuery :: Call A Toggle By Clicking Another Element?

Nov 9, 2009

i have a search icon at the top of my page, when i click this it toggles show/hide on the search form. now when the user loses focus of the search form (.blur), i want it to activate the hide part of the toggle.

when the search icon is clicked, it gives focus to the search form, so the moment the icon is clicked, the search form gains focus, then when someone clicks somewhere else on the page and the form loses focus, i want the search form to hide.

the problem is, if i just have the search form hide on .blur, then when you click the search icon and then click somewhere else and the search form loses focus, and then you click the icon to show the search form again, it will hide the search form(to the user, it looks like it didn't do anything, since the search form is already hidden). so after 2 clicks on the icon, then, it finally shows the search form again.

[Code]...

View 1 Replies


ADVERTISEMENT

JQuery :: Toggle State Of An Element When Clicking On Another Element?

Oct 13, 2011

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)

View 9 Replies View Related

JQuery :: Always Clicking Twice With .toggle()?

Oct 7, 2010

I have a page with the code below (you can see the page herehttp://thegamingmall.com/realsite/testing.html). I'm using the .toggle() function to show/hide a div tag. However you ALWAYS need to click it twice! It's driving me and the users insane.

<!DOCTYPE html>
<html>
<head>
</head>

[code].....

View 2 Replies View Related

JQuery :: Make Element Click Event By Clicking On The Other Element?

Jul 29, 2011

I`m trying to make selecting an select list option (as it become when we click on it)by clicking on a special pseudo element.I`m trying to do it in this way:

<script>
$(document).ready(function(){
$(".psevdo-checkbox").each(function(){
$(this).click(function(){

[Code].....

View 6 Replies View Related

Toggle The Visibility Of One Div By Clicking On Another ?

Feb 16, 2011

I am creating a website as part of a university project. as part of this i am trying to make a menu in the top right. after looking around i have found javascript top be the best way to do this. how would i go about making it so that when i click on one div (called map) a separate div (called mapMenu) visibility is toggled.

View 3 Replies View Related

JQuery :: Call Js Func When Clicking A Div

Apr 18, 2011

im trying to call a JS fuc when a certain div is pressed.this is how i call it from a hyperlink

[Code]...

View 1 Replies View Related

JQuery :: Call Fires When Clicking On Inline Elements?

Nov 12, 2010

i have a FAQ Question h2 acting as a trigger to slide out a hidden div below it, the FAQ answer, and clicking it toggles the h2 class so the bg img changes.toggle_container is the hidden div, h2 is the trigger..

code below:

$(document).ready(function(){
$(".toggle_container").hide(); // Hides the container onLoad
$("h2.trigger").click(function(){

[code]....

now i have a rating plugin that sits in the h2 tag. when i click the rating star, it behaves as intended, but also then somehow calls the above code and expands the FAQ answer.

View 3 Replies View Related

JQuery :: Call A Coldfusion Function Using On Clicking A Hyperlink?

Aug 27, 2010

I have a cfm file that has a url that directs the page to another cfm pageI would like on clicking the url to call a coldfusion function befor going to the next pageexampleI have a component mycomponent

<cfcomponent>
<cffunction name="increaseviews">.
<cfargument arg1..>

[code]....

View 1 Replies View Related

JQuery :: Using Toggle To Call A Function Continuously Until Toggled Again?

Aug 4, 2010

I have been trying to get a function to runcontinuouslywith with toggle function. Here is the snippet of code:

$('#infinite').toggle(function() {
$(this).css({"color":"red"});
infiniteloop();
},

[Code]....

The above code should run after the first time the button is clicked, once it is clicked again the function should no longer run.

View 2 Replies View Related

JQuery :: Getting Value Of Selected/clicking Li Element?

Sep 25, 2010

i try to make thing like this: My list is like below:

<
ul id="cssdropdown">
<li class="headlink">
Search Engines
<ul>
<li>Home</li>

[Code]...

</ul> what i want is, when i click the <li>(home,downloads..),i will take its value and i write the value instead of "Search engine". How can i make this?

View 1 Replies View Related

Hide Popup Element When Clicking Outside The Element?

Mar 30, 2010

I have some existing code that I need to alter so that when the user clicks outside the element, the element disappears. I have looked at other show/hide element code, but I'm not sure how to integrate it with the script below.

There's a date form, with an calendar image icon. When you click on the calendar icon, a div with a calendar opens. Then you can click on the dates, that when clicked will fill out a textfield with the date.

The form code:

Code:
<div class="TSearchBox">
<div class="TSearchBoxDate">
<span class="normal TLabel">Frn: </span> <input name="TLfd" type="text" value="2010-03-30" />
<img src="images/datum.gif" class="TCalendarImage" alt=""

[Code]...

View 1 Replies View Related

JQuery :: Change The Text In One Element By Clicking On The Other?

May 22, 2010

I have this simple code and I am trying to change the text in one element by clicking on the other.

Relevent code shown:

<script type="text/javascript" language=javascript>
$(
'#A').click
(

[Code].....

View 2 Replies View Related

Jquery :: Replacing DIV Content When Clicking On Another Element

Apr 14, 2010

I'm trying to change content depending on the <a> link the user clicks. My code is far is as follows but isn't working?

HTML
<div id="content">
<div id="cx300">
<div class="auriculares_spec_mx560">
<h2>cx300</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus varius magna.</p>
</div>
<img class="img_cx300" src="img/cx300.jpg" alt="Sennheiser Headphones CX300"/> .....

View 3 Replies View Related

How To Call Function Alone On Clicking Image

Mar 23, 2009

Code:
<div id="div1" onclick="function1()">
<img src="image1.jpg />
<div id="div2" onclick="function2()">
<img src="image2.jpg />
</div>
</div>
When I click image1, function1 is called.. but when I click image2, function2 is called first, then function1 is called..I want to call function2 alone when i click image2..

View 6 Replies View Related

JQuery :: How To Pick ID Element And Toggle Its Child

Jul 29, 2009

How can I pick an id element (here #bridge1,#bridge2) and toggle its child (here a p element) without actually using the id element as parent?
'this > p' apparently does not work.
$('#bridge1,#bridge2').click(function(){
$('this > p').toggle();
return false;
});

View 3 Replies View Related

JQuery :: Toggle Checkbox When Parent Element Is Clicked

Aug 6, 2010

I have an <input type="checkbox"> whose immediate parent is an <a> tag. The <a> is significantly larger than the <input>.

I want the checkbox to toggle on/offwhether the <a> is clicked or the checkbox itself. I also wantto store the value of the checkbox after it changes.

This sounds simple butI'm having trouble with the event bubbling (as in, I don't understand it).

Here is my current code.

HTML:

View 4 Replies View Related

JQuery :: Toggle CSS Visible Style On Hideable Element

Apr 16, 2011

$('.viewBookBtn').click(function() {
$(this).parent().parent().find('.hideable').toggle( // just the toggle function works fine
function(){
$(this).css('visibility', 'visible'); // but when defined it doesn't target the hideable classed element
}, function(){
$(this).css('visibility', 'hidden');
});});

View 4 Replies View Related

JQuery :: Blog Entry - How To Toggle Specific Class Element

Nov 6, 2010

On my website I have a lot of entries which are similar to blog-entries. Every single entry has about 500 signs and if there are more than there is supposed to be a button "read further"(atm there is no button but later it will be). If the user click this button, the remaining text of the entry is supposed to slide down. My problem is now that I don't know how to slide down just one article. Every article looks like this:

<article class="dark">
<div class="text"><h2>Title</h2> .....
<div class="slide_text"> .....
</div></div>
</article>

But how to slide down only the "slide_text" which belongs to the clicked article. If I use:
$('article').click(function() {
$('.slide_text').slideToggle(200);
});
Every singe "slide_text" of all the entries appears. But this is not, what I want. Is there a way to toggle just the child-slide_text of one entry? Or do I have to give every entry an id to define which entry is supposed to toggle?

View 1 Replies View Related

Way To Hide An Element By Clicking On Another?

Jul 8, 2011

Code...

I want the second element to show/hide when the first element is clicked on, what would the easiest way to do this with javascript

View 10 Replies View Related

Display A Div Element After Clicking On A Link And Using Its Properties?

Jun 3, 2010

On a page I display a link of search results which are hyperlinks, which all have the same URL get paramaters with different values (i.e. companyreport.aspx?....). I want to then click on a search result hyperlink and then generate a Div popup (this is called through a javascript call that is attached to each search result hyperlink's onClick property.

For the hyperlink that is clicked, I need to take its 'href' value and use it (reason for us is in a bit).

On the popped up Div element is a dropdown box and two buttons (accept / decline). Once the accept button is pressed, I want to then go to the page the selected hyperlink was pointing to by using the 'href' value I obtain from the clicked search hyperlink and to also append to this hyperlink the a new GET parameter and the value of the dropdown box.

I have got this to work currently but it seems quite mess, so was wondering if there is a better solution to this.

For the search results hyperlinks I have...

Code:
PromptRequestReason(this.href); return false;

this '' javascript method is....

Code:
function PromptRequestReason(hrefLocation)
{
lnkDERequestReason.href = hrefLocation;
popup('popUpDivReason');
}

then on the DIV popup I have the following link....

Code:
<a id="lnkDERequestReason" onclick="this.href = this.href + '&reason=' + document.getElementById('drpPortfolios').value">Select</a>

now this all works, but I really seem like I am taking the long way around when there could be something simple.

View 1 Replies View Related

Checkbox Toggle To Turn Off Element?

Jul 12, 2011

Im creating a portfolio site for myself that my have gotten a little too ambitious but I'd still like to make this work.

My main site loads a video demo reel using the new <video> tag and to make it look cooler has an "ambilight" television effect around it. For usability and for users that find it annoying or distracting I want a toggle to turn the effect off.

I have my checkbox created as well as all the effects working for it.

Here is a piece of the main code as well as a link to the ambilight.js file

<label name="ambilightToggle">
<input type="checkbox" name="toggle"/>
<div class="toggle-switch">
<div class="handle"></div>

[Code]....

If the click function works I should be able to have it check the checkboxes state and have it persist.

View 1 Replies View Related

Jquery :: Make A Call To A Dynamic Element?

Apr 15, 2010

I want to make a call to a dynamic element like so...

$("#"+item_b).remove(); But it doesn't work, I put the entire code below for reference.

Here is a snippet of the code:

var img = $('<img>').attr({
src: fileObj.filePath,
alt: fileObj.name

[code]....

View 1 Replies View Related

Toggle Visibility Of Element - OnClick Function

Sep 6, 2009

I found this little script and it works fine but the only thing is when the page first loads it displays the "This is foo" text. I would like it to not display the text until it is clicked. So instead of it displaying "This is foo" when the page loads I would like it to not display anything.

Here is the script:
Code:
<body>
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>
</body>

View 9 Replies View Related

Toggle DIV Script - 5 Links With One Element Open

Apr 10, 2010

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 Replies View Related

JQuery :: Traversing Td Elements - Able To Call A Certain Td Element In A Table

May 13, 2011

I need to be able to call a certain td element in a table and I'm not able to edit the html (dynamically generated) so i was wondering if it is possible to target td elements like an array using jquery.

For instance, say I need to change the class of the 4th td element in the second tr element. how would I target that? is there a way to do it in array style like below?

<table class="myTable">

View 2 Replies View Related

JQuery :: Animate() & Google Chrome - Call Goes To The Element Which Lost The Focus, With An Opacity Value Of 0.2?

Mar 18, 2010

I recently wrote some code, which involves a list. Elements can be picked by up/down arrow keys.To highlight the elements, I'm using a similar call to objects[focus]stop (true,true).animate({'opacity': 1}, 200);(As you can see, all DOM elements are cached)the same call goes to the element which lost the focus, with an opacity value of 0.2.Whatsoever, I noticed on testing that the performance is just fine on firefox 2/3, IE 7/8, even Safari has good results.Only exception so far is Chrome, it's terribly slow on those calls with a CPU load of 40-50%.I didn't further investigate that behavior since it still works "OK" on Chrome, but SIGNIFICANT slower.

View 12 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved