Toggle command for Firefox and Explorer troubleshooting
I created a web site for an organization and used a toggle command in jQuery. The link to the page is http://www.jp2mri.org/institute.htm. The toggle switch works well with Safari and Google Chrome, but does not work with Firefox or Explorer. Is there a universal solution to toggle for all browsers?
How to do static header from page to page transition?
Bare with me as I might word this wrong, but I have question about a website that I love but I'm trying to figure out how they are doing a specific page transition effect. Here is the website: http://hellonicolas.com/ What I'm wondering is when you go from page to page the header (with the logo and navigation) stays static and there is never any flash of unstyled content... I want to do this similar effect for my website but I dont know where to start... I want my header to stay static from page
Tabs completely broken
I am attempting to design a webpage with jquery ui. The tabs are completely broken and unusable. What did I do wrong? I included all the stylesheets and javascript from the example index.html. the code is hosted here: https://github.com/Toukmond/WTW-TSA
Animate Without Delay (Pause)
Hi, please try this code : <!DOCTYPE html> <html> <head> <title>Try jQuery Online</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script> $(document).ready(function() { $("#box1").animate({marginTop:"100px",marginLeft:"100px"}); $("#box2").animate({marginTop:"100px"}); $("#box2").animate({marginLeft:"100px"}); }); </script> </head> <body> <div id = "box1" style = "width: 50px; height: 50px;border:1px solid red"> </div> <div id = "box2" style
Variable selector not working
I cannot seem to get this variable selector to work.. grr $('button').click(function(){ editCells(); }); var d=0; function editCells() { d++; inputType ='<span id="inDate'+d+'">To be replaced</span><input type="hidden" id="inDatepicker'+d+'" />'; createDatpicker(d); $("#dialogue").append(inputType); } function createDatpicker(n) { $("#inDate"+n).text('date'); console.log("#inDate"+n); } http://jsfiddle.net/bcraig/jb755/1/
How we use Removeclass rules in Jquery validation plugin in the given code.
<script src="js/user.js"></script> <script src="js/validation.js"></script> <form id="form" class="frm"> Enter Your Name<input type="text" name="name" id="name" class="class_1" /><br> <input type="submit" value="Submit" id="sub" /> </form> <script> $('#form').validate({ }); jQuery.validator.addClassRules("class_1" , {newname:true}); $.validator.addMethod("class_1", function() {newname:false},"Please enter your name"); </script>
Combining checkbox selectors for unique results in jQuery
I have 3 checkboxes, and I want all combinations (about 8 or 9) of those checkboxes to display a different result, but I cannot work out how to do so. It feels like there's a simple way of doing this that I'm missing. Here's the Frankenstein monster-code I have so far, which doesn't do what I'd like it to. The aim is that the following code sees that a user has has checked both the "webcam" (#checkWebcam) and "chat" (#checkChat) boxes, and that a different download link is being displayed based on
Autocomplete: how to make it work with an editable iframe instead of input element (95% done, include jsfiddle)?
This is a rephrasing of my earlier question with runnable code - hopefully someone can help. I want to use an editable iframe for the source of the autocomplete. In the js fiddle below you can see it pretty much works, except the cursor UP/DOWN keys don't do anything. There's a js fiddle of it here (it works in Chrome, not IE11 because of the iframe implementation): http://jsfiddle.net/y8X94/3/ My idea would be to handle the keydown in the iframe and call something in autocomplete, eg $('#tags').autocomplete('widget').next();
How to change dynamically appearance of a jQM text field
Hello, I try to change the color of an input box once the user has changed something in it. I can see by alerts that the keypress event was catched but whatever element I try to give trigger('create') command after assigning a different data-theme the input text field is not refreshed with the correct color. Since I have tried various version combinations of jQuery and jQueryMobile without success I think that I do something conceptionally wrong. In this forum I find several examples with lists,
Getting rowindex of gridview and updating another gridview with values retrieved
Hello, I'm new to JQuery and as such I've been having some problems with an operation I need to do. I have 2 gridviews (Gridview1 and grvFaturas as shown on code) and I catch the user logging to Windows which I will need as well. grvFaturas has an objectdatasource and the last element is a checkbox the others being Boundfields. That checkbox is mandatory and its source code is from here : http://tutorialzine.com/2011/03/better-check-boxes-jquery-css/ What I need is when I click on the checkbox on
Grouping shape objects
Ok, I'm able to select multiple shape objects on the ui canvas, but then how do I group the selected shape objects? (Image of the selected shape objects)
Audio Playlist
Hi, i want to build dynamically a music playlist. Is there any tutorial somewhere?Any idea?
AJAX - Going to other page and passing only data and remain there
I'm in a small trouble. Ehm how can i call next page passing data with ajax? Here's the code : $.ajax({ type: 'POST', url: "collaboratori.php", data: str_param, }); How can i call the page collaboratori.php passing str_param and go to collaboratori.php page? First ajax call and pass data to salvamod001.php page and then return a result. But in the second ajax call i want go to next page passing data and go there! Thanks very much Cris
Superfish -> extra button
I'm using Superfish for my responsive menu. The problem, when I go to contact page and then I select home in my dropdown superfish menu it doesn't go to my homepage. So, the first button doesn't work? Is there a possibility to add an extra button only when they go to smaller devices? For example the button Navigation...?
Nested li drag and drop using jquery ui draggable and droppable
Before getting asked my question My html structure Design Javascript : : $('#dataOne li').draggable({ helper: 'clone', containment: 'document', addClasses:false, revert: 'invalid' }) $dataTwo.droppable({ accept: "#dataOne li", activeClass: "ui-state-highlight", drop: function( event, ui ) { ui.draggable.draggable('option','disabled',true); $( this ).find( ".placeholder" ).remove(); /*Remove default placeholder from right div*/ var $dragTabs=ui.draggable.clone(); if($dragTabs.context.children[1].childElementCount>0){
jQuery Common UI Component
Status: New To jQuery Technologies used in this issue: · ASP.NET using the 3.5 .NET Framework · C# · jQuery JavaScript Library v1.10.2 · jQuery UI - v1.10.4 · All css and image files associated with the smoothness jQuery UI theme My task: I’m working on creating a “common” jQuery dll component that can easily be referenced by any web project where one wishes to utilize the functionality contained within. The reason I’m doing this is so I can manage all the
Dialog not opening on click on a td
Hi people, I'm developing a little card game in javascript. In my game, there is a board where the player will be able to click to interact with the content of the board. My board is a <table> with various cells classed with ID (id=Xcoord-Ycoord) which is generated with a script. To interact with the game, I would like to use the Dialog widget to ask to the player which action he wants to do (depend of the case he clicks). My problem is that there's no (obvious) errors in my script because everything
add button not working , to add new row when i select ondomready
please find below my link http://jsfiddle.net/sn2aE/6/ i am new to jquery mobile when i select no wrap in <body > i can add row on clicking add button, but it does'nt works when i select ondomready in framwork and extension please help me...........
Can't post to popup, sized page
I can use standard form/post/action to a new page but I am trying to do a window.open function but if I use: <form method="POST" action="javascript:window.open('newtest56o.php','','height=480,width=640')"> I get sized popup window but no passed info from post If I use: <FORM onsubmit="window.open("newtest56o.php",'Popup','width=400,height=500')" action="newtest56o.php" method="post" target="Popup"> I get 2nd full size tabbed window with the info I needed. I want popup small window that is focused,
Having trouble understand jquery functions
Hey guys, In order to further my understanding of Jquery I was trying to develop a chrome extension using the script below, and I was wondering where the script searched the page. Thanks, Jake Script/Info: https://github.com/cowboy/jquery-replacetext //Script: /*! * jQuery replaceText - v1.1 - 11/21/2009 * http://benalman.com/projects/jquery-replacetext-plugin/ * * Copyright (c) 2009 "Cowboy" Ben Alman * Dual licensed under the MIT and GPL licenses. * http://benalman.com/about/license/
changing inserted jpg without reloading page?
I have a fixed background photo (css) I only need to add three buttons on left side at a specific locations that will change a picture within a frame on the right side. 3 button, one of 3 jpg displayed. NO reloading of page. Any suggested scripts with demo you can suggest? It has been over 12 years since I have do website building but a little cut/paste of something similar will get my head working again. I do have a basic css webpage with some transparent links I was playing with. Thanks, Ray
Linkselect plugin not working with jquery-2.1.1
I like Linkselect jQuery Plug-in v1.5.13 documentation says it works with jQuery v1.4.3 (or higher)* but I can't get it to work with jquery-2.1.1.js I do not exactly understand the included script but it seems to be related to my problem. IE: just a standard select drop down. Any help appreciated or any other way of doing the same would also be appreciated. Ray <script type="text/javascript"> <!--// // on DOM ready $(document).ready(function (){ $("#current_rev").html("v"+$.linkselect.version);
dynamically changing dialog content
Hello All (FWIW, my entire code is the alpha-stage MELT monitor on github ) I am using a jquery dialog for a modal form. That form contains an input text field. When the input is wrong (it is sent thru an AJAX post), I want to append a warning message after the form, and keep the modal dialog open. I can't understand how to do that. I tried several things. // datado is from the JSON in the AJAX successful reply // addediteminp_mom is the input inside the dialog //#mom_additem_msg is the message div
for each problem
jQuery 1.8.3 this one works... just for i <dt> var t = $('[isActiv="False"]'); $(t).parents('td:first').addClass('bg'); but that fails: $.each('.lst tr td span [isActiv="False"]'), function () { $(this).parents('td:first').addClass('bg'); } Line: 611 Error: Unable to get property 'call' of undefined or null reference
Uncaught ReferenceError: $ is not defined
<script> $(function() { $("account_table").stupidtable(); }); </script> <button id="btnExport" class= "btn btn-info">Export</button> <div class="pagination"></div> </div> </div> <div id="footer"> <hr> <div class="inner"> <div class="container"> <p class="right">Copyright © FSB</p> <p> </p> </div> </div> </div> </div> <!--<script src="<?//php echo base_url(); ?>assets/js/jquery-2.1.1.js"</script>--> <script
Simple append and remove excercise not working
I am trying to create a small code of making a list , when user put in the value in the input box and click on add, it should add the item to the list , I have figured that part out , but my problem is i can't remove them. you can see the code here http://jsfiddle.net/direcode/HxPb7/155/ Please let me know what am I doing wrong.... Thanks Dire
disable a sortable while dragging with connectedLists
Hello, it seems to me that it is impossible to disable a sortable while dragging an element from another sortable. Here is little more information: I have multiple (more than 3) connected sortables. Think of it as lists of assigned tickets and another list with unassigned tickets. However the another list may also display all kinds of tickets, so it is possible that one entry is present in two (and at most in two) lists. So I want to prevent dragging an element from one list to another list that
Find status of Checkbox
Hi, i have this code: fieldset data-role="controlgroup" data-iconpos="right" id="control"> <legend>PIck a language:</legend> <label for="gr">Greek</label> <input type="checkbox" name="favcolor_gr" id="gr" value="greek" onchange="myFunction()"> <label for="en">English</label> <input type="checkbox" name="favcolor_en" id="en" value="engl"> <label for="fr">French</label> <input type="checkbox" name="favcolor_fr" id="fr" value="french">
Jquery plugin not proper working in inner nested repeater asp.net c#
I used nested repeater for thumbnail image gallery slider using asp.net. So outer nested repeater for display names of the category. and inner repeater for thumbnail image gallery slider for different products. so i had used j query plugin for inner repeater for thumbnail but its not working. the plugin i had used for inner repeater. http://www.aspsnippets.com/Articles/Implement-Carousel-Image-Gallery-in-ASPNet-using-jQuery-jCarousel-Plugin.aspx but simple images are coming like list not thumbnail
How can i build a matrix object?
hi, i have the following object structure: { "Color": {name: "Color", values: ["red", "blue", "green"], "Size": {name: "Size", values: ["S", "M", "L"], .... } now i have to build a "matrix" and need the following result: Color red, Size S, Color red, Size M, Color red, Size L, Color blue, Size S, Color blue, Size M, .... how can i build that? greetings
Coming from mootools (jQuery class question)
Hi, I usually use mootools but due to the popularity of jQuery i've decided to teach myself it. I created some classes in mootools and i wanted to make the same in jQuery but i'm finding it really hard to understand and was hoping someone could help with a few basics. So in mootools i've made a slider where you pass a .wrapper and a .store, and then the class builds a slider inside the wrapper with each slide being composed of items within the store div. I can pass other options such as navigation
jQuery click function issue
I know this is caused by: jQuery(document).click(function(){ but, when I try to replace this with anythiung else like: jQuery(document).ready(function(){ for example, it no longer works. As far as i can remember the (document).click fucntion is there completely by accident and yet its needed for it to work properly, what am i missing? jQuery(document).click(function(){ jQuery('.toggle-on').click(function(){ jQuery('.post-info').addClass("post-info-toggle-off"); jQuery(this).addClass("toggle-off");
How to remove duplicate parameter on 2 strings?
I have 2 variable with values and character '&' to determinate parameter (like URL parameter). Note: This is not a parameter from URL and not is a Array, just a string storage on variable! variable1 = "value1=bla&value2=ble&value3=bli&value4=blo&value5=blu" variable2 = "value2=car&value4=yellow&value9=big" I need compare 2 variables and if have same parameter on variable1 and variable2, i need exclude parameter from variable1 and use parameter of variable2. Like this: value1=bla&value2=car&value3=bli&value4=red&value5=blu&value9=big
HowTo: Horizontal, scrollable bar with cells - create, delete, move vertically
People, I need to update a web site (which will perform the same functions as a wiki) and the way I want it to work is: from a Home Tab bar be able to click a Tab which creates a horizontal, scrollable bar underneath the Home Bar and made up of individual Cells containing a heading and a few words of description. To be able to see more Cells - on a PC this bar should be scrollable via Left / Right Cursor keys, by Mouse Dragging and Left / Right Arrows at each end of the bar. On a phone or tablet
jQuery - get val()
Hello. I have <input name="me" type="radio" value=""> <form><input name="other" type="radio" value=""></form> I want when i click over radio input (name="me") to get his value data and put it in other (name="other") form input. So, tell me how to work?
How to create a circle using jquery ..
This is the code which I am using.. $('#buttons1').resize(function(height) { var fuente = $(this).height() / 2; var margen = (fuente / 2) - 5; $('.contenido').css('font-size', fuente + 'px'); $('.contenido').css('margin-top', margen + 'px'); }); CSS--- #buttons1{ /*buttons1 central*/ background: #F9121E; width: 100px; height: 100px; margin: 50px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border:3px solid #000;
Mobile website Drag and Scroll horizontal DIVS
please help me with my project. I have a web page for desctop, tablet and mobile. I need only for mobiles I have for example structure like 4 tables,but it is div elemets every cell just structure looks like tables and to do horizontall scroll of the and drag.Every Box is DIV See in the picture my idea : http://i61.tinypic.com/21no9zk.png Drag in right and left. Default position two cells of DIVs in the screen and a little bit part from third to drag and scroll Thanks!
using closest, getting the value on clicking a button
Howdy In a table with 3 cols and several rows, I have an int value on the first col and a button on the 2nd and 3rd. On clicking the button it should get the value of the first cell of its respective row and show it on the button. I have been given this here below, but while I understand what it pursues, still not coming on: function change(elem") { $("elem").closest('tr').find('td:first').text(); } </script> and the HTML goes: <tbody> @foreach ($polls
css mod?
http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css can someone quickly tell me how to mod the .css file so I can have a full screen calendar? actually, 75% of the screen all arounod.
How I make a script like pitchfork.com/features/cover-story/reader/bat-for-lashes/?
Hi, I need to make a website like the example in pitchfork.com/features/cover-story/reader/bat-for-lashes/ Is there any script to do it? Same efect than the website... (text and images change as you scroll down) Thanks, Francisco
Next Page