I've got a slide toggle script online and have got just one bit that I cannot figure out why. What is (toggled = !toggled)? What does it mean? Does that mean toggled = false? But I tested it, it seems not like that. And once the slide is toggled, it should use the minheight. Then the condition for var Height must be the opposite of (toggled = !toggled). Then what is (toggled = !toggled) like? Is that like (toggled != !toggled)?
I'd like to ask if it is possible to use conditional operators var = condition ? var1 : var 2 To do the same job as the if-else statements I wrote in red below: <p id="text">change text colour</p> <br /> <a onclick="allsorting();">sort in both ascending & descending orders</a> <div></div> <script> /* if & else */ function changetext(){ document.getElementById('text').onclick = function (){ swapcolour(this); }} function swapcolour(text){ if(text.style.color == 'black'){ text.style.color = 'red'; } else {text.style.color = 'black'} } window.onload = changetext; </script>
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.
Currently, my custom select drop down slides in from the top/left. How can I make it slide in from the bottom/right?
Here is the code... The toggle sections are bolded.
$.fn.SelectCustomizer = function(){ // Select Customizer jQuery plug-in // based on customselect by Ace Web Design http://www.adelaidewebdesigns.com/2008/ ¦ ith-icons/ // modified by David Vian http://www.ildavid.com/dblog return this.each(function(){
I am using these sites for the toggle effect: [url] [url]
My javascript looks like this :
My css looks like this:
This is what the html looks like:
I'm trying to get the captions to slide but the <p id="caption"> does not want to slide..when I added in the "ddsfdsfdfg" that slides but not the "p id"..how to get this working.
I have a nested lists which contain city names, and then level 2 is businesses in that city. those are hidden by default so that when you click on the city name the businesses will slideToggle down. What would be the correct script to enable this.I have the effect working, but when I click on any of my top level anchors all of the nested items toggle. I want each city's businesses to act independently from each other.
I have a script that will slide a div up from the bottom of the page. The toggle button for this div however is going to be right on top of the sliding div. But, when the button is pressed and the div starts to slide down, the script hides the button. Here's an example... [URL] How can I get the toggle button to slide with it, but not disappear?
I'm trying to create a small javascript menu.I have 4 images which serves as menuitems.
<div class="myMenuButton"><img goes here /> <div class="myMenuContent"> Random content1 here <br />
is there a simple way of implementing a slider function to the images to toggle slide up/down the contents belong to this button? And if another image is clicked then all OTHER open slides should be closed while opening this one etc
How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:
Why would one use bitwise operators? I can program in various languages in some shape or form (C++, PHP, some scripting) and I've heard/seen bitwise operators before, but never understood why anyone would use them - any real world examples or ideas? Examples follow (that I am reading in my Core JavaScript Guide 1.5).
15 & 9 yields 9 (1111 & 1001 = 1001) 15 | 9 yields 15 (1111 | 1001 = 1111) 15 ^ 9 yields 6 (1111 ^ 1001 = 0110) in addition there are AND,OR,XOR,NOT and left and right shifts which would only extend this post longer than nescessary...
-- A: Because it messes up the order in which people normally read text. Q: Why is top-posting such a bad thing? A: Top-posting. Q: What is the most annoying thing on usenet?
I'm having a little trouble with 2 differentJS scripts. I have a drop down slide menu and a parralex slide gallery. Both work on separate pages and puton the same page they still work however the submenu of the slide down menu does not. if I remove the style sheet that belongs to the gallery
Then the munu works, however (obviously) the page layout goes wrong. if i remove<h1 class="title">Alex Holland Perspective</h1> the menu works however page layout goes wrong andI loose my header
Ok, this seems easy, but I am struggling. I have this...
$("a[href$='mp4']").click(function () { But I want it to work for mp4 or mov or more. Something like... $("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently
We are required to create a javascript calculator. The page should has 3 text box, first and second text box would allow the user to input numbers, the third textbox will show the answer. the arithmetic operations should be in radio button, drop-down list and the select option. I'm still working on the radio button and i don't how to execute the operators. How to grab the inputted number from the textbox and how to execute the operators.
Is it possible to create URLs from function call operators?
For example, I'm trying to program an onClick function which will load a webpage in one frame and an image in another, based on the name of the button which is being clicked. So clicking the button with name="help" will open "webpages/help_page1.html" in one frame, and "images/help.jpg" in another.
To do this I was hoping that the following would work, where the function had been called by
function activate(buttonName) { webpageURL="webpages/"+buttonName+"_page1.html" imageURL="images/"+buttonName+".jpg" parent.frame1.location.href=webpageURL parent.frame2.picture.src=imageURL }
But this doesn't work, because the browser (IE6) looks for "webpages[object]_page1.html" and "images[object].jpg".
I have been looking for a way to give something back to this forum as it has helped me greatly, and I am hoping that this might be of value to someone.
Basically I was just tired of consistantly commenting and uncommenting out alerts in my code so I wrote some code that would allow me to keep my alerts and only show them when I wanted to, and only the types of alerts I wanted to show.
I thought that using bitwise operators would give me the flexibility to specify different options and a quick way of finding out what options were wanted. There are other ways of doing this of course, and this is one approach.
The bitwise OR operator "|" says if one of the two vars has the bit set, then set the bit. the bitwise AND operator "&" says if both of the two vars has the bit set, then set the bit.
It starts with my bitwise values:
var NONE = new Number(0);// 00000000 var ALL = new Number(1);// 00000001 var INFO = new Number(2);// 00000010 var LOCAL = new Number(4);// 00000100 var PARAM = new Number(8);// 00001000 var COUNT = new Number(16);// 00010000
These values are really important. Earlier I used 0 through 5 and because of the way bitwise operations work, COUNT was equivelant to ALL and PARAM. what you are doing is blending bits and then getting a value. So, in the 0 through 5 approach, COUNT was 00000101 (5). When I OR'd ALL with PARAM I got 00000101 which was a result of 00000001 with 00000100 (4)! So be really careful if you go this route to double check that no combination of vars will equal other vars.
In our constructor we get the value thus:
function FormCheckBase( objForm, blnStateIsDebug, sCulture ) { this.Form= eval('document.' + objForm); this.Debug= new Number( blnStateIsDebug ); this.Culture= new String( sCulture ); }
with this call:
objFrm = new FormCheck( 'FormName', INFO | LOCAL | PARAM, sCulture );
Then in the instance methods of the FormCheck class, I wrap my alert boxes.
if ( this.ShowErrorAlert( this.PARAM ) ) // or whatever other value you want. { alert( sWhoAmI + "iArrayLength: " + iArrayLength ); alert( sWhoAmI + "blnBlank: " + blnBlank ); }
ShowErrorAlert does a bitwise "AND" to see if we have a match. We are also testing for ALL, and if that is passed originally, we are returning a true to show the alert.
FormCheckBase.prototype.ShowErrorAlert = function( iAlertBit ) { var bitCompareResult = new Number(0); var showMe = new Boolean(false);
I also did a couple of helper functions that would change the Debug var before I went into a method and reset it after I was done. Sometimes you might not want every single method to start showing alert boxes. So I did a SetDebugBits that sets the value of Debug and GetDebugBits that gets the current value of Debug. Call GetDebugBits first to store the current value, then call SetDebugBits to set it to whatever you want to use, and then make another call to SetDebugBits with the original value to set it back.
We mostly call our FormCheck constructor with the value of NONE, and then work on a method by method basis as we have lots of methods in the class.
I'm making a form with some fields. Once the form is submitted it updates the page with a new div containing the data entered without refreshing. Im using jquery form plugin. What I'd like to achieve is the new div(.record) to .slideDown. I guess I need to somehow specify the exact div by giving it an id or number. I'm not sure and why im here.
At the moment when i submit all of the divs(.record) are hidden with .hide, then they all slide down with .slide. Best i can understand is to hide the last div then slide down. But again.. I don't know how to specify to only slide down the last div added and not the current .record divs on the page.
I'm trying to manipulate the functions of Codaslider for a layout. What I need is the ability to use an image for slide dynamic slide navigation. I've solved the issue for dynamic hashing, however I'm stuck at modifying the HTML. I've tried a few things but I figure this is the easiest way...
I'm using jQuery cycle plugin right now, and I want to add a new slide based on the newly created image and I want to replace this slide later if the user has updated the image. I read the document of jQuery cycle, and I found it's using onBefore callback to do the job, but it's not on the fly, how could I do it on the fly?
I've seen websites that had large flash ads that covered content on pages that, after they had run, resized or disappeared.
We would like to use the technology behind that (presumably JavaScript) to show and hide an intro flash on a home page. We would like to have a "close" link on the flash also.
I have searched Google and here but haven't found any good resources and many of the sites I have seen using the technology are no longer using them. I just need a little assistance on the JavaScript part of the puzzle.
We want the flash to start over the copy on the page and then roll out softly when it's done playing, revealing the content below. Code:
I am very new to using jquery (and any javascript at all really) and I am having a dillema. I am trying to have several expandable sections of my webpage but I only want one to be opened at a time so I want to use slideUp and slideDown rather than slideToggle.
I want to use the same button to open and close the section. How do I do this? Here is my current jquery code, as of right now when I click expandButton1 the itemContent1 section closes and then reopens immediately:
