i want to hide my phone numbers in an output page so that the viewerhas to click an icon to see it.i have the following jquery so far:
<!---JQuery test to hide phone--->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
[code]....
This is my FIRST attempt at using Jquery to make a site menu for a client, and I'm pretty new to Javascript as a whole..I have a two column horizontal menu, and when an anchor on the left column is clicked it brings up a list in the right column..how do I hide list in the left column when a different anchor is clicked, bringing the new list to the top of the column?
<style type="text/css">
ul.nobulletnoindent {
list-style-type: none;
[code]....
{foreach key=num item=account from=$accounts}
<div id="info">
<div class="box round">
<table cellspacing="1" class="data">
<tr onclick="javascript: $('#info').hide('fast'); $('#{$account.id}details').slideDown('slow');" style="cursor:pointer;">
<td>{$account.regdate}</td>
<td>{$account.product}<br /><a href="http://{$account.domain}" target="_blank">{$account.domain}</a></td>
<td>{$account.nextduedate}</td><td>{$currencysymbol}{$account.amount} {$currency}</td>
<td><a>View Details {$account.id}</a></td></tr></table></div></div>
I need the info div to hide when the the table row is clicked:
<tr onclick="javascript: $('#info').hide('fast'); $('#{$account.id}details').slideDown('slow');" style="cursor:pointer;">
This is what I'm using to hide it. But because I have multiple divs called info that I need hidden it is not working currently its only hiding the first div called info.
I awhen it comes to "developing" jQuery but I am trying to do something that is seemingly something simple but I can't for the life of me, figure out the best way to do it.
http:[url].....
Here, you'll see the area below the navigation that has five buttons which are supposed to help scroll between the five associated divs.All I want to do is hide the currently shown div and then slide in the div associated with the button clicked.http:[url].....Here is what the animation is SUPPOSED to look like but the problem is is that the correct one uses Prototype and I am trying to use only one library and jQuery is the most suitable because I use it for other effects in the site and jQuery and Prototype obviously don't mesh well.
i am trying to make a popup div which will close down after the user clicked outside of it now i am looking for a way to determine if the user clicked outside of the div or not
View 2 Replies View RelatedI need the letter button (the letters of the alphabet) to disappear when clicked, but reappear when hangman game restarts (by clicking start over button). How do I do this?
<html>
<head>
<link rel=stylesheet type=text/css href=layout.css />
[code]....
I am really new to coding and am trying to include a flowchart that I have created on my site. There is a series of 5 questions with 2 possible answers for each question. Can anyone help me with some coding that would let me show only the first question and based on how they answer that, the flow chart would open up to the second question and once they answer the second question, it opens up to the third question and so on?
View 4 Replies View RelatedI have a form, what I want to happen is that a user clicks a checkbox and a list appears or is enabled so that the user can then select a option. Also when the checkbox is unchecked again, I want the list to disapear or become unabled and it's value set back to whatever was the default.
After a bit of looking around I thought I has done it, but no luck. Can anyone let me know whats going on here? Code:
I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
[URL]..Default.aspx I have both a carousel with images andalso animagemap(notnot published yet)with coords that when clicked i want to write to a cookie file which image or image map coordinate was clicked, so when they are hyperlinked to the next page the correct div opens based on first reading the cookie written to on the previous page. Anybody have a basic script for reading and writing to a cookie using jquery in this fashion?
View 2 Replies View Relatedhow to keep the clicked area selected until another area is clicked.
View 8 Replies View Related<script language="JavaScript">
function changeColor(cell_id){var state1="#dde6ed"; var state2="#ffc20e"; var cellid = new Array ("id1", "id2", "id3", "id4", "id5", "id6"); for(var i = 0; i < cellid.length; i++){var nav = document.getElementById(cellid[i]); if(cellid == nav.id){nav.style.backgroundColor=state2;} else {nav.style.backgroundColor=state1;}}}
</script>
what is wrong with this script. I put an onClick= changeColor(this);" in my <td> tag to call the script but still not working.
I am trying to display content when mouseenter the div tag with id="test" when mouseleave i want to hide the contents.It was working fine only once. I want it to repeat that when ever mouseenter or mouseleave.Test1.txt contains - just text
<html>
<head>
<style>
[code]....
I have a simple HTML:
<tr><td><div class="panel">Click me 1</div></td></tr><tr><td>...</td></tr>... several tr's to be hidden on Click me 1 ...<tr><td>...</td></tr>
<tr><td><div class="panel">Click me 2</div></td></tr>
<tr><td>...</td></tr>
[Code]....
Is it possible to write jQuery code that will hide all <tr>'s that's under the <tr> with <div> (Click me 1) inside them? But not to hide those that's under the <tr> with <div> (Click me 2).
Class name "panel" must be same for all clickable <div>'s. <tr>'s and <td>'s can't have any class or id.
why I'm getting an uncaught exception with this?
var nav = "navigation";
$link = $("#" + nav + " ul ul");
$.each($link, function() {
[code]...
i'm an actionscript3 developer who is somewhat new to js/jquery and am struggling through creating a site using jquery.I would like to be able to use the show/hide/toggle methods to switch between content using a standard navigation list. basically, what I want to do is this:1. store list of 10 <divs> in array with the id set to w1_blog, w2_blog, etc2. list of 10 links with ids = w1_blog_a, w2_blog_a, etc.3. store references to divs and links in array/s4. add event listener to each link5. .click event calls function that loops through each blog entry and shows the one matching the link (w1, w2, etc) and hides all others.I could do this in 2 mins in as3 but I'm struggling with the js syntax, despite it being very close to as3. It should (I think) look something like this:
$(document).ready(function(){
var blogArr = new Array();
var blogLinkArr = new Array();
[code]....
I am in the progress of building a new website; the layout and stuff is already done for the most part, but I am having a problem with the two order forms on my website. Well not the forms themselves, more with how they appear (and disappear).Like stated I have 2 forms on my website. When coming to my website they should be hidden (standard). When someone wants to order they press the link for order form A or form B.
Is it possible to load a page within the DIV for example I want form B to include extra-info.php. Is this possible?If I understand correctly the above would be possible with jQuery with use of hidden DIV's. But I really don't know much about Javascript to pull this of myself.
I have some jquery running on a menu (here ) but before jquery loads, the content (all of the <li>'s) appear, then disappear once jquery loads. Is there a way to stop the brief displaying of the <li>'s?
The current jquery code is:
function initMenus() {
$('ul.menu ul').hide();
$.each($('ul.menu'), function(){
$('#' + this.id + '.expandfirst ul:first').show();
[Code].....
I want to show or hide some tags of registration form with changing a combo
I wrote this code :
$('select[name=user_type]').change(function(){
FormType = $('select[name=user_type]').val();
switch (FormType)
{
case 'teacher': $('.teacher_form').show();
[Code]...
In a certain scenario in my application, I show a popup which is basically a simple div above some other semi-opaque div that is basically an overlay for the existing UI elements.My problem is that when the popup is shown, the existing UI elements, seen through that semi-opaque div, can be scrolled-down using the mouse wheel.I search the web for some solution to hide the browser's scrollbar, and the only one that worked is doing this [code]How can I 'translate' it to jQuery? Is there a nice way to write this piece of code using jQuery?
View 1 Replies View Relatedi'm trying to hide title and alt tooltips from popping up. i realized that tooltip plugins can hide the browser tooltip and display their own generated style. i am using plugins like fancybox and cycle which have been configured to use attributes for links and description therefore i need title/alt.
i've been unsuccessfully trying to write a function that onmousehover saves the title/alt attribute and empties the attributes (alt="" title="") so they don't popup, then restores them onmouseout.
i know it has something to do with .data() but I can't seem to get it working. i've tried breaking down very simple tooltip plugins, but once i start removing lines of code, it doesn't do anything.
I'm having an interesting IE6 and IE7 issue that may just be par for the course. i'm curious if anyone else has run into this problem.
Here's the URL: [url]
I have a bunch of nested lists with IDs in certain ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to hide all the ULs with that specific ID. everything works as expected in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only notice the first UL in the DOM tree. so IE6/7 hides that first UL, then stops.
I want to make a dynamic menu where the items being shown depends on the access of the user. I tried having a code in codebehind of my aspx page that will set a certain li to style display none, but when viewed in IE6 I get a white space within the menu.
View 1 Replies View RelatedI have some toggling set up, but I'd like to make it so when you toggle one, it resets all the others.
This is what I've been trying:
$(".note").click(function () {
$(".note_active").removeClass(".note_active");
$(this).toggleClass("note_active");
});
That doesn't work. However, when I change removeClass() to hide(), it hides the correct things (i.e things that are "active")
I have an application, that will pull all articles associated with a user on a page.As some users have posted approx 100 articles, I want to hide all but the first 5, then have a link that will show the next 5 or the remaining article that are hidden (if less than 5)I have the following code:
jQuery.noConflict();
var numShown = 5; // Initial rows shown & index
var numMore = 5; // Increment
[code]....
I'm usingSuperfish for a popout context menu and it works up to a point, then the screen gets littered with the visible submenu items that are no where near their parent.I have several "views", and 250 things with menus on 1 page seems OK, but 450 is not. I don't have one in between at the moment. Also, my "pages" are in jqueryUI tabs, the tab divs have a table in them, the table td's is where I'm sticking the ul for the menus. I have have many tabs and they all work, even with over 600 in total, it's just the one table with over 400 rows that doesn't look right.Is there some technical limitation on applying sf-menu class to a UL as a child to a table where it hits a ceiling, or do i need to make a mockup test case to figure out what's going on?
View 2 Replies View Related