I am trying to show the time and when you click it I want it to go away. But its not working.
<script type="text/javascript">
var date=new Date();
var time=date.getHours();
[Code].....
So I dunno what im doing wrong but when I do this the page is blank.
The following code works perfectly in FF, Chrome, and IE7, but in IE8 the two tab divs do not hide (or then show; they are visible) with clicking the tabs.
html4strict Code:
<div class="tabbed sermons">
<ul class="tabs sermons">
<li><a rel="tab1" href="#" onclick="donothing();return false;">Sunday Mornings</a></li>
[Code]....
I can't see why this would not work in IE8. I am not familiar with all the CSS changes in this new browser, so perhaps that's the issue? Again, the tabs never hide and clicking the tabs does nothing, so I'm guessing that section of script is not doing anything.
I have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials)
{
map.getCredentials(MakeGeocodeRequest);
}
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
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.
I'm getting started with jQuery. I want to write a form where I can add and hide fieldsets.At the end there is a button "add Theme". If I click on it, the next fieldset whose display is none should be shown. And every fieldset except the first one have a button remove. This is my code, but it doesn't work .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>[code]....
I am using CuteEditor for my WYSIWYG text editor. I like to hide all the icons until the user click on the textbox editor. Is there a way to do this in jQuery?
View 18 Replies View RelatedBit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect.
[Code]...
ive just got this script ive got set up and it works fine, but not what i expected.i want it so i have headings and when i click those headings sub headings show up and when i click on that heading again they dissapear however i also want it so that you can have multiple headings open at once .how would i be able to modify this code so that if i have say sub1 open and i click to open sub2 sub1 remains open
var persistmenu="yes" "yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ DynamicDrive.com change[code].....
how to call two functions at the same time... and is it possible calling them with the onShow command?
View 3 Replies View RelatedI have a div on my page witch is hidden : AddSupplier, I have a button on my page witch must show the div if its not visible, but the same button saves some stuff if the div is visible.So all that is working but in this AddSupplier div there is a select box "ddSupplierTypes" and when the select box gets clicked the AddSupplierButton click event gets triggered why is this, and is there a work around?
<%@ Page Language="C#" %>
$
().
[code]....
First post here - I am trying to hide options in a form select field if they are empty. The code below works...but even I know it must be a horrid way of doing it! Anyone care to tidy it up for me? I would learn much from the experience,
[Code]...
Basically, I have an element I want to hide before it is shown when a condition is met. For reference, it's checking whether a particular radio button is selected. if ($('[name="'+q1110.name+'"][value="'+q1110.value+'"]:not([checked])')) $('#_divhide').hide(1, function () { q1110.toggle = false; }); Right now, only in IE 6, it shows that element for a split second, then hides it. I don't want it shown at all unless the radio button is checked. As usual, I can't manipulate anything in HTML unless it's done through JS.
Also, the slideUp and slideDown functions don't work properly in IE 6. They do hide and show, but the animation isn't smooth. The element disappears and reappears without any animated effects. It's kind of a bummer since it works perfectly in FF 3.6.
I would like to know if there is a way to keep the script as is but also add a function to this script so that if a user clicks on another tab (div) the open tab will close on click? Please see code below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>[code].....
which works once the page hasn't been loaded using.load $(".toggle_cat_container").hide(); How do I adapt it to work when the page is loaded with .load? I am familiar with needing to use .live on click functions.
i.e.
$("a[id^='mydiv']").click(function(e) {
needing to be changed to:
$("a[id^='mydiv]").live('click', function(e) {
My problem is that $(".toggle_cat_container").hide(); would trigger when the document was ready but when its loaded it won't trigger. What adaptation do I need? I suspect something similar to the below - just not getting it right $(".toggle_cat_container").live('onLoad', function(e) {
I have this code:
$
(
'#region_dc').
click
[code]....
The click works fine. Check the checkbox, the hidden div displays. But when I uncheck the checkbox, I want it to go away.
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.
I am using the featured content slider, where i want 2 sliders on the same page. when i call more than one time the first one is working and not the second one.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
[code]....
In my list box if i select one item corresponding to that 4 fields has
to be appear below the list box and if i select another item only 1
field has to be appear below the list box and if i select another item
no fields has to be selected.
I am trying to let my user hide or show certain div's on a page. I am managing it in Firefox but IE wont do it for me. IE errors saying Object doesnt support the Property or Method? I have dynamic naming for the divs and call the script like so where you see x my array fills in the number index so the div's gets id's like myDiv(0) up to whatever.
Code:
<a href="javascript:showhide('myDiv(<%=x%>)')">Show Hide Div</a>
The Script that gets used is as follows.
Code:
<script language="javascript">
<!--
var state = 'none';
function showhide(myDiv) {
if (state == 'block') {
state = 'none';
} else {
state = 'block';
} if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + myDiv + ".style.display = state");
} if (document.layers) { //IS NETSCAPE 4 or below
document.layers[myDiv].display = state;
} if (document.getElementById &&!document.all) {
hza = document.getElementById(myDiv);
hza.style.display = state;
}}
//-->
</script>
when you mouse over and click the highlighted maps it should take you to a website with more detailed maps of the highlighted region. it does not work.I copied most of this code from the latimes mapping section a while ago.They have changed their code now on their latest version.Basically this is the code that calls the url.
function click_hood(feature) {
var selectedFeature = feature;
var url = 'http://projects.latimes.com/mapping-la/neighborhoods/neighborhood/' + selectedFeature.data.slug;
[code]....
Im trying to create a video gallery, with thumbnails below a main content div, which when clicked display the relevant video in the said div. This isn't a problem and I have managed to do this... However, I also need to display descriptive text (different for every video) in a seperate div, and the first video also needs to autoplay when the page is loaded (rather than waiting until the user requests a video by clicking a thumbnail)I've made an example of where Im at so far and its viewable here...
[URL]
The div 'a few lines of info about vid here' is currently just static but this is what i need to change each time a different video is requested by the user I will be using .movs but I've embedded youtube for now although I don't think that makes any difference. Im presuming it will be a case of having text that is hidden until the thumbnail is clicked...?
The code works great to hide the columns. The only issue is when you un-hide them again, it does come up correctly. I want the headings to all be on the top row and then the actual data be on the next row. If you do all of them, it stacks all the headings on top of each other and then puts the data rows in order with 8 rows etc. Code is below.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[code].....
I have a for loop which has a length of 8. It's meant to run through an array of objects and bind a click function to all of them. So the alert should run a range 0-7 but instead it returns 8 no matter which object is being clicked.
for (var j = 0; j < bubbleArray.length; j++) {
$('#icon' + j).bind('click',function() {
var icon = this.id;
this.diam = $(this).width();
[Code].....
I am trying to write this code which the value in the input field can be added on top each time when you get the value from links,
Code:
$(document).ready(function(){
autofill();
[code]....
I have some simple code:
$(document).ready(
function() {
$('.A1').click(
[code]...
When I click on A1 or A2, the text from the associated files is loadedinto #Info, so that works fine. However, when I click on the A1 or A2class within #Info, nothing happens.I guess I am missing something fundamental here, so it would be veryhelpful if someone could explain how I can get the text that isdisplayed within #Info "clickable" so that it can load the other file.
In my javascript, when enter key is pressed, I want to simulate the effect
of clicking a button.
var mykey;
var posted=false;
if (window.Event){
document.captureEvents(Event.KEYDOWN);
}
document.onkeydown = myKeyDown;
function myKeyDown(e){
if (window.Event){
mykey = e.which;
}
else{
mykey = event.keyCode;
}
//alert(mykey);
var theform;
if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1) {
theform = document.forms["Form1"];
}
else {
theform = document.Form1;
}
if ((mykey==13) && (posted==false) && (theform.btnSend.click))
{
posted=true;
theform.btnSend.click();
}
}
Everything works fine in IE4 to IE6. But NS behaviour is really bizzare.
Thing work as expected in NS7.
In NS6, theform.btnSend.click() does not cause form submission.
In NS4, it complains that theform.btnSend.click() does not exist (despite
having passed the if test that verifies theform.btnSend.click exists).