<script type="text/javascript">
function toggleVisibility4(controlId)
{
var z = document.forms["frm_sms"]["phone"].value;
[code]...
im not sure where im going wrong i am calling this script from a " onkeyup="toggleVisibility4('arrow')" " the arrow is a div i am wanting to hide when the input field "phone" on a form id of "frm_sms" has more than 10 characters
I have a simple hide and fadeIn. When you rollover a word it will reveal the definition. The problem I am having is if you move the mouse around quickly from one word to the next word sometimes it gets hung up and a definition will not hide. The result gives this hanging defintion and whatever the other definition the mouse is rolledover.
Here is the code I'm using:
There are about 70 words in a box with the definition being reveals on the right hand side. Is there a way of making sure there is always only one definition being shown?
So I have a CSS stylesheet which sets the div called mainchat to display:none;. That's fine, but then I wrote a script to show/hide the div by using a link. The link is set to onclick="showhide()".
When I click the link, the div opens up and the contents can be seen. Perfect. But when I click the link again, I want it to hide again (i.e. display:none
I would like to add a simple hide and show to the top of my site.
So for example i have a normal site and at the top i have a button contact form you click it and it reveals the contact form from the top of the browser.
Like Elliot has done on his site for the speaking events.
I have a series of links on a page whereby when the user hovers over the title then an image appears next to the link so it basically shows/hides the image on mouseenter and mouseout. I'm presuming this is a fairly basic jQuery request but I've been hunting around for a while now and can only seem to find more complex examples that I can't seem to disect.
The code in my page is:
So when the user hovers over the "Link" then it will show "myimage.jpg" next to the link.
This should be working. At least to my knowledge. Can anyone tell me what I'm doing wrong?! I just have 3 divs orignally set to hidden, set to visible on link click. The code speaks for itself (I hope).code
MY PROBLEM: OK, if you load this up into your browser, you can see I have two lines of text that show/hide themselves by clicking on the other line. I know how to set the cookie name and the two different values ("show_hide_cookie=line1", "show_hide_cookie=line2") and I can see that they are there when I view my browser's cookies. But I've spent hours trying to figure out the javascript code to get it to read the cookie and remember the preferences. Right now of course, if you click on the first line and then refresh your browser, it resets the second line back to the first line.
For example I have this sort code: for ($i=0;$i<$db;$i++) { $t1="toggleh$i"; echo "<div class='c'>Test<input name='$t1' type='image' id='$t1' src='test.png'/></div> <br>"; } I try to make clear the screen for users, so I use hide & show to hide some row on screen what users actually don't need...
The JS part of code is something like this: $('#toggleh0').click( function() { $('div.showhide').toggle(400); }); $('#toggleh1').click( function() { $('div.showhide').toggle(400); }); $('#toggleh3').click( function() { $('div.showhide').toggle(400); }); . . . I dont know how can do this dynamic. So if "$i=6;" then I need toggle 0-6 function...
I found a Java that could hide two <div> with an id="widescreen" on my sharepoint2007 page. But when I added a certain webpart, my script did not triger.
Then I found a jquery scirpt that I used to hide some list hedings. I noticed that the jquery script do triger even with the webpart on page, that blocked the javascript.
Im a bit lost with java and jquery, but it would be nice if I could get the java into jquery format, and try if that works beter.
Here is the Java script that hides the <div id="widescreen">:
This is the jquery that hides the headings:
Is it possible to write the Java "hidenews6()" into jquery format?
I am implementing some tabs using jquery and have run into a problem where a google map on one of the tabs is not displaying. I read that a solution is to "Use the off-left technique for hiding inactive tab panels"i.e Code:
With the code below, I am having an issue that only seems to occur in IE. The issue is that the "payer_pane" span should be hidden unless the "NEW" option is selected in the "relationship_person_id" select list. In IE, the payer_pane appears despite what is selected in the "relationship_person_id" select list. In Firefox and Safari, the span hides and appears as expected.
// this will need tweaking when we add multiple token types, but is hard coded for now so we're aware of it. var current_person_id; var current_gateway_id; $('document').ready(function() {
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
I have a form1 with two fields, field1 and field2. I want the contents of field1 to be transferred to field2 onBlur, but with some changes. I want the contents of field1 to have its spaces replaced with Dashes, and all punctuation removed, so this can happen:
FIELD 1 value: Today's rate is 15%, & the outlook is good.
onBlur should then create a value of:
FIELD 2 value: todays-rate-is-15-percent-and-the-outlook-is-good
Notice that the "&" was converted to "and", the "%" to "percent". The comma was deleted and all spaces replaced with Dashes. The second field should only every contain alphabetic letter, dashes, and numbers.
Here's a small collection of bookmarklets for disecting your own (or other people's!) websites. They do things like, show all TABLE elements with a red border, hide non-link images, and so on...
i need a 5 second counter to start when the page loads. basically the usage is I want people to click a link, and if the page has been loaded for more than 5 seconds, do thisFunction().. if not, do nothing.
so basically
<script type="text/javascript">
window.onload --> start the counter // when the counter hits 5 seconds, set var done = true;
function thisFunction() { if (done = true) { proceed with function) else {do nothing} } </script>
I'm trying to write some validation for a field called Propid, in a form called qSearch. Basically if there's nothing in Propid, or it is says "ref no.", I want to alert the user, otherwise, I want the form to submit.
<!-- function submitForm() { window.setTimeout(document.email_inner.submit(),5000); } //-->
im trying to submit my forum after 5 secounds of viewing the page and i have no knowlege of java wat fo ever but ey told me this is the onlyway to do such a thing ... this i wat i have so far in hte header .... it dose nothing at all
Just a few questions about simple animations (that aren't Flash). I've searched around but haven't been able to find anything really concrete about alternatives to JS. Basically in terms of simple animation, is JS the be-all-end-all? What other options are there in terms of simple animated menus (besides Flash & animated GIFs)?
Something like the above Quick Links menu; would something like that be possible in only Javascript? Or would there be an alternative?
I'm looking for a javascript that will do a 3 minute countdown and display it on the screen, preferably not in a textbox, but i'm not picky.
Here is how it works. Someone will make a selection from a form. The date/time of that selection is then stored in a database. I want to use the date time stored in the database as my starting time and then countdown 3 minutes. After 3 minutes I would like a message saying Times Up, please make a selection.
How do I use JavaScript instead of using this " <a target="_blank" href="http://www.OtherWebsites.com">Other websites</a> " if I want to use a list of JavaScript links?