simple JS which shows / hides a transcript on the page. I dont use Jquery because we are not allowed the library in our CMS.
It works as expected in all browsers but IE - anyone know why it would fail?
Code:
// define a new function called addLoadEvent which takes in one param which should be function
function addLoadEvent(func) {
// assign window.onload event to variable oldonload
[code].....
I have been able to get jquery to toggle the submit buttons except it is now not working in IE6.
Can someone please take a look at the code below and let me know how i can get this to also work in IE6 please... unfortunately my client wants it to be IE6 compatible!
[Code]...
I´m trying to add some simple functions to a web page I recently created
This is the JQuery script:
$(document).ready(inicia);
function inicia(){
$("ul.sub").hide();
$("li.familias").click(mostrar);
[Code].....
Ok this are basically nested list that are created troguh php code. In essence it reads from adatabes and the it creates the list of items.Because the list is so large you noly see the families and when you click on the its suppossed to show the products on each list. It works on Firefox and IE 8. But IE& and IE7 it just stays hidden, nothing happpnes when I click.
I'm not able to toggle a ui class in my page. Basically here is my code: in the jquery document.ready I subscribe to the event
$("#bBuscar").hover(changeButtonBackColor, normalizeButtonBackColor);
then the other two funtions are like this:
function changeButtonBackColor(evt)
{
$("#bBuscar").toggleClass("ui-state-hover ui-corner-all");
}
[Code]...
This script has worked on another site and I can't figure out why it isn't working on this one.[code]...
View 3 Replies View RelatedI am trying to create some divs that hide and show when a link is clicked. There may be multiples on the same page and it each needs to functionindependently.
I've added it to jsfiddle : [URL]
When the user clicks a show more link the first time nothing happens. If you do it again the div expands as planned (great!). If you do it again to close it slides back up but then bounces straight down again (Not Great!). I can't figure out what I've done wrong!. Eventually I'm going to add more functions to show some hidden data as well.
[URL]
Click on any of them, and they open up just fine, however, after this point they dont close, and you also can't open any other one, it just... stays stuck there.
I had this working just fine, and in the process of working with wordpress and templating, obviously I changed something to mess it up.
I have ran into an issue, where the toggle() on a link is not toggling between the two.
$(".toggle a").click(function(event) {
event.preventDefault();
$('a', $(this).parent()).toggle()
});
[Code].....
When I click Existing members, it dissapears and Close Login appears. When I click Clos Login panel it dissapears but Existing Members does not re-appear.
I have tried using toggleClass() as well as using :hidden & :visible selectors. I am at wits end.
Working with a script I had found/pieced together online. It toggles the display of certain content along with selected text (i.e., "view/hide"). It's working great in all browsers except for IE7 (go figure). The showing and hiding of the content works, just not the switching out of the values for "show/hide".
The code is below:
Here is my code:
HTML: [URL]
Javascript: [URL]
and CSS: [URL]
And the second toggle isn't work !!! In Firebug, I do not get error!
I want to use a toggle to hide and show some content but it isnt working
html code:
JS code:
But this code dont works correct, notiv that i want to use more then one box.
I'm using mootools-core-1.3.2.js & mootools-more-1.3.2.js to toggle hide/show a div
but since I started using jquery-1.4.4.js the mootools toggle stopped working. Here is the jquery code I'm using on all of my pages
Code:
$().ready(function() {
function formatItem(row) {
return row[0] + " (" + row[1] + ")";
}function formatResult(row) {
return row[0].replace(/(<.+?>)/gi, '');
} .....
Does anyone know why this isn't working? The toggle function works perfectly fine with PHP loops, but when I insert the table td tr tags, it does not hide the loop when the page first loads...It just shows the results in the div which it shouldn't be doing.
Here's what my code looks like...
JS
Code:
<script type="text/javascript">
function toggle(element) {
if (document.getElementById(element).style.display == "none") {
[Code]....
Can't seem to make it work, I have seen many examples but they are all just for 1 div tag. When i trymore than one it doesn't work anymore.The first one works, if i have more than 1 then the other don't work.
using the following jquery
$(document).ready(function(){
$("#toggle-text").click(function () {
var divvalue= this.value;
[Code]....
I'm extremely new to jquery and trying to write a toggle function without using the built-in functionality. From what I've read, this should be a fairly straightforward exerciseHowever, I'm running an issue. My code doesn't seem to do anything. Not clear to me why because nothing is erroring out? Here's what I've got:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here
[code]....
here is my scenario:
I have a link and a div on a webpage. With the link I want to toggle the content (HTML) of the div. On toggle, I want to load the content from a PHP-file and I want it to load on the toggle, not when the webpage originally loaded (to reduce loading time on the webpage itself).
The file that is loaded on toggle doesn't have to be PHP, but it would help a lot.
I have a toggle function that works brilliantly
Code:
// Toggle
function toggleDiv(elementshow, element, elementhide, elementhide2, elementhide3){
[code]....
I have two series of radio buttons...(call them Group A and Group B)
and a Textarea.
When you click on any of the radio buttons in the A group, it
automatically adds some text to the textarea, using a javascript
onClick function.
When you click on any of the radio buttons in the B group, it appends
another line of text to the existing text already in the textarea,
again, using a javascript onClick function
What I need is to make the group B onClick act like a toggle, so if
the associated text isn't there, it will add it... but if it IS
there... it will remove it. Code:
im using this toggle for a project, i have use it once, and it works well with IE, but then again, for mozilla, its not being displayed correctly after the first toggle, Code:
View 8 Replies View RelatedI never have luck in toggling divs with javascript, to which I am new.
Not even with a single browser, let alone making it compatible with all
major browsers. Also, I lack experience with client side codes. Code:
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].....
I'm trying to get an A tag to toggle between hide and show when It is clicked, you can check the latest version of my trying here:psdesignzone dot com / jquery / d6tftoggle.htmlI'm trying to change the innerHTML I guess of the A tag to hide or show each time that specific element is clicked (i'll need this to work with other a tags as well)
View 1 Replies View RelatedI'm trying to build a table that has hidden rows below certain shown rows.
How would I modify this script so that it shows all of the hidden rows below a row, but not the hidden rows throughout the entire table?
$
(
document
)
[Code].....
You can see the HTML table structure here, as well as it working with only 1 row. URL] I was able to get all the hidden rows throughout the entire table to show, but that's not what i'm looking for. I just want the hidden rows that are below their respective shown table rows.
im Vincenzo, a web developer from Italy. I use your ajax code
[Code]...
I am using the SORT plugin and moving entries around on the page. After each move I want to "blue line" the list all over again. So, I figured I could toggle all of the TR's, which I have named with the same class.
View 3 Replies View RelatedI'm currently working with fadeToggle and what I got here seems to do the job quite well! When a span element is clicked that's inside an li element it fadetoggles the next div that's inside the li element.
<script type="text/javascript">
$(document).ready(function () {
$('.show_hide_wrapper_config, .show_hide_wrapper_social_media').hide();
[code]....
I only want one div to be toggled and currently they don't close after a next span is clicked!you can see the website. If you click on the linkedin and the facebook icon next to the line "now compatible with" you'll see what I mean.So is there a way to close the div when a next span is clicked.