Go to another page with an ID using a button
Hi. I'm not sure if it's the right category to ask this question. I have a list whose rows have buttons with unique IDs. I want the buttons to go to another html page to edit that row. Can you tell me how I can accomplish this? Thank you.
Really simple Lightbox type plugin
Hello, I'm looking for a barebones Lightbox type plugin with no borders, no resize animations, etc... Something like the one used here: http://www.bryanschutmaat.com/ I've tried Colorbox, Fancybox, Shadowbox and many others and I don't need all the fancy graphics and effects all of them have. Can anyone point me in the right direction? Any help would be greatly appreciated. Best
I need an explanation about a mechanism..
Hi, this code below shows those both alerts when the option selected in a select widget changes, but, thanks to the last change() it also throws "1" when the page is loaded. <select id="jander"> <option id="foo" value=1>1</option> <option id="bar" value=2>2</option> </select> $('#jander').change(function() { if ($('#jander').val() == 1) alert("1"); else alert("2"); }).change(); This works perfect for me, but..can someone explain the mechanism why the second change()
Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database
my problem is that im having FORM with recaptcha on end. Im using jQuery script to check, if values are fine. Problem is that when its fine, i need to send informations from that FORM to php file, which will save them to database. I dont know what should i do. I tried : $("form").submit("reg.php", data); $.post("reg.php"); $.post("reg.php", $("#form").serialize()); .... when i redirect page with window.location = "register.php"it redirected me, but values from form were lost. function validateCaptcha()
configuring jquery cycle addslide function with dreamweaver template and server-side includes
Hi, I am new to javascript and have only recently learned the basics of html, so this may be a simple problem for experienced javascript/jquery developers. Here is my setup: 1) I have a Dreamweaver template where the basic jquery cycle code resides. This template has 43 children. 2) I have 12 different slideshows that are shared across the 43 pages. Each slideshow is defined in a server-side include file that is called by one or more pages. This way I can change the images as needed without going
Replace img src inside a 'this' object?
Alright so I have a link that is clicked...once it is clicked I want the img src that's within the 'a' attribute to be changed. Here is what I have HTML: <td> <a href='#' class='flag' name='$files[id]' > <img src='www.somesite.com/images/unflagged.png' class='flagimg' /> </a> </td> jQuery: $(".flag").on("click", function(e){ var fileID = $(this).attr("name"); var src = 'www.somesite.com/images/flagged.png'; $(this).find(".flagimg").attr("src", src); return false;
Call Methods Prior to Initialization Error: Production Environment, but not Dev. Env.
I've used jQuery UI to make a slider that controls the overlays on a map. On my local development environment the slider works perfectly. I can click the slider itself and the handle jumps there. I can use some arrow buttons that increment & decrement the slider value. In each case, the correct events are triggered and the map overlays respond. No errors are shown in the JavaScript console. When I uploaded everything to Amazon AWS S3 and ran it in production, though, new problems arose. The
Create a dynamic master table.
Hi, I want to create a dynamic table. Table of properties. According to the variable,I need to create again. The rows are created according to the variable. The columns are created according to the variable. According to the above features, I want to create a dynamic table. The attached picture example. Waiting for your help.
tabs open with parameter
I have 3 tabs, on the first i have a list of items. What I need is when you click on an item in tab 1 it opens tab 2 with a parameter that tab 2 can access The scenario is Projects on tab 1 with a list of jobs on tab 2. But i only want info relating to the project selected on tab 1. Is this possible. I guess I'd need to code tab 2 as a separate asp page and load it with ajax. or triggerTab Darryl
hide() & Show function
Greeting Friends, I am adil i m new in jquery. Iwant to know that i add hide and show function in ASP.NET Website and when i execute it the wont working i don't know what is happened please any help appreciated. My Code <script type="text/javascript"> { $(document).ready(function(){ $('#btnhide').click(function(){ ${'#panel').hide(5000); }); $('#btnshow').click(function(){ ${'#panel').show(5000); }); }); <asp:Button ID="btnhide" runat="Server" Text="Hide" /> <asp:Button ID="btnshow" runat="Server"
Why, when I change of page, it comes back automaticaly to the previous page
Dear All, I am building a jquerymobile web site with Phonegap. I notice the when I try and play with my application, after going form pages to pages it make an issue. After a while, and I do not why, the prvious page is displayed. For exemple, from my profile page, when I click to a contact link, the profile page come back. If from the prifle page, I click again to the contact link (or to some other link), it move to the contact link and immediately, it returns to the profile page. It does not matter,
method "scrollIntoView()" bubbles up to other divs
Below is an shorten version of the problem code. <div id="data" contenteditable="true" style="overflow: auto; "> <p id"spanish">some words here</p> </div> $("p#spanish").get(currentLyric).scrollIntoView()<div "data"> has the attribute style="overflow: auto; " and is always visible, but it's content is not. This code does make the content of the <p> tag visible, but bubbles up to all other <div>s and cause causes the whole page to jump. Any suggestions? Thanks,
Loading fro
I'm kindof a newbie to Jquery. I'm trying to load the codes using JQuery UI Autocomplete. I'm able to load it if I hard code the values in the script. I'm trying to do the same from the txt file. I have it in my C folder in my local system. I'm kind of stuckup with how to handle the file path I have it in this way currently "file:///C:\Users/vthummalapallyDocuments\proc_codes.txt". Any help on this is appreciated. Thanks
Portrait Mode in Jquery Mobile app for IOS
Hi, I am creating a mobile app through jquery mobile for IOS (converting through Phonegap). I would like to know , how to make my mobile app only in PORTRAIT mode? I want to fix the whole app into Portrait Mode only. Thanks Jen
Autocomplete issues in 1.9.1
I used this code in jQuery UI 1.8.18 for autocomplete and it works fairly well. $(document).ready(function() { $("#cmntclientnameauto").autocomplete({ minLength: 3, source: "ajax/clientlist.php", // Pull in names and addresses select: function( e, ui ){ // When we select one var keyvalue = ui.item.value; $.post("ajax/readclient.php",{id:keyvalue}, function(data){ // Pull in the data },"json" ); } }); });This works great I get great looking menu style lists and it selects the info and sends it to
Input type, attr vs prop
Hi, I'm trying to use customized types on input element for further validation using the pattern property. HTML: <input id="metric" type="inches"> JS: $('input').prop('type') -> "text" $('input').attr('type') -> "inches" My question is, is this the expected result ? Even with the new HTML5 types, like "number", prop function returns "text" as type. I clearly have a solution where, I should rely on attr function.
Fadein and fadeout
hi, I have a div and it contains table with three rows. it has fade effect as fadein and fadeout. In this effect the three rows are fadein and fadeout at a time i.e am inserted table in div and applyed fade effect to div so it was fadein and fadeout at a time, but i want the three individual effect of each row with fadein and fadeout , so please solve my problem.
Screen disappears in 1.9.2
WOW! I have a wierdie and am totally lost. I have everything on my site running jQuery UI 1.9.1 and most of it works good. Autocomplete has some issues and doesn't work, but that's another post. My problem is when I replaced everything with 1.9.2 it went screwy! My screen totally disappears and nothing but a refresh will put it back. The first time (yea I tried it 3 different times) I thought it might be the code I use to load the dom and then put the entire screen up. First the CSS for that. body
Validate Plugin - ID selection not working correctly
I have jquery.validate 1.10.0 and jquery 1.7.2 Part of my form has 2 address fields but I would like only the first to be required - <tr> <th>First Line of Address</th> <td><input name="address" size="26" type="text" value="" id="address-input-0" onkeydown="javascript:is_changed()" /></td> </tr> <tr> <th>Second Line of Address</th> <td><input name="address" size="26" type="text" value="" id="address-input-1" onkeydown="javascript:is_changed()" /></td> </tr> I don't have control over any of the input
How to draw a wave graph using jquery and a slider to increase graph size
I am really new to jquery,I need to draw a graph which is wave shapped,the first half of wave only,when i slide the wave should expend the xaxis and yaxis,is tht possible.whether there are any plugins for tht? Thanks & Regards, Nithya
css3 animation
i am trying to change the animation for the slider by changing the seconds in the css to make all the text to move first and then followed by image similar to ibm slider http://www.ibm.com/us/en/ here is my fiddle http://jsfiddle.net/YakV7/7/ here is my code http://tympanus.net/Development/ParallaxContentSlider/css/style.css .da-slide-fromright .da-slide-fromleft .da-slide-toright .da-slide-toleft
jquery ui 1.92 tabs: tabs inside of a tab not working
When I try to create another tabs container inside of a tab in an existing container it does not work, it used to work in 1.8.23 and when I upgraded to 1.92 it broke the tabs interface, any idea on how to fix this?
$.getJSON no Response
Hallo, I have no response from Server. I don't understand that. Could anybody help please. jQuery-Code: $.getJSON("http://192.168.2.104/model/patientenfahrten.json", function(data) { some Data }) JSON: { "patientenfahrten": [ { "vergabeVorgangsNummer": "66090-2012-00075", "hauptDetails":{ "anfragebeginn": "29.11.2012 09:11 ", "anfrageende": "12.12.2012 07:00", "fahrtenzeitraumVon":"26.11.2012", "fahrtenzeitraumBis": "30.11.2012"
jQuery Nivo Slider and prettyPhoto issues
For a Wordpress site i'm developing i'm using the Nivo Slider and prettyPhoto jQuery plugins. However, i cannot seem to get these 2 to work properly together. Here's the thing i'm trying to do: I've made a custom WP Loop to get 5 posts out of a category, and display them in the Nivo Slider. I take the post title and the excerpt, but them in a PHP Array, and put these into the Nivo Slider caption. The post title, that's displayed in the caption, links to a youtube video and should fire off prettyPhoto.
Any help for Accordian
Hi, I'm trying to use the Accordian as a main page of my website. But whenever the page is loaded, the top list of the Accordian menu is always open. Is there any way to close down all the lists, so all the menus are hidden until users click on one of the lists? Any help will be much appreciated ! Thank you !
Strange append behaviour with ampersand
I have a function that gets xml from the server, via ajax, parses it and appends divs to a dialog. I wrote a stand alone page (serverd from the same server) to test it and it worked fine. However, when I use the function in my app, it chokes because there is an ampersand in the data. Just to be specific, as far as I can tell, from cutting and pasting the source, the stand alone page is identical to the app page. Indeed, that's how I made the standalone page. The error is from: div.innerHTML = wrap[1]
Multiple Pages with Transitions
Hi, I've looked over the documentation and searched this forum (as well as others like StackOverflow), but still haven't been able to figure this out. I'm a noob so I'm guessing I'm missing something fairly trivial... Here's what I know: in jQuery Mobile you can have multiple pages by either: a. in one html file, have multiple page divs b. have multiple html files Using one html file with multiple page divs, I was able to get page transitions working by merely adding [data-transition="slide"] as
Jquery odd selector
<body> <div id="EvenOdd"> <p>One</p> <span>two</span> <p>three</p> <span>four</span> </div> <script type="text/javascript"> $('div:even').css("color", "blue"); $('div:odd').addClass("color","red"); </script> </body> here the color for the odd selector is not changing can i know whats the problem.
FadeBox V1.0
(function($){ $.fn.FadeBox = function(Settings){ var HasTrigger = false, TriggerType = "Click", Trigger = "", ME = $(this); if (Settings != null){ $.each(Settings, function(i, v){ if (i == "Trigger"){ HasTrigger = true; Trigger = $(v); } else if (i == "TriggerType"){ TriggerType = v; } }); } function Box(){ console.log("B"); $Object = $(" ").prependTo("body"); $Object.css( { "width": $(window).outerWidth(), "height": $(window).outerHeight(), "background-color": "black", "position": "fixed", "opacity":
JQuery UI Selectable programm selectable and unselectable
Hi, help me please. I can not find examples of program selection and removal of selecting. I ask respond knowledgeable.
how to animate multiple images?
how to animate multiple images?
jqGrid problem in Internet Explorer 8
Hi, all I've got a problem using jqGrid in explorer 8. My source is below function loadCustomerProfile() { $("#customerProfileTitle").html("<p style='font-size:16px; font-weight:bold;'><img src='${pageContext.request.contextPath}/images/common/icon_tt02.gif' alt='title' /> Customer Information</p><br/>"); var jsonObj = {}; jsonObj.msisdn=nvl($("#searchMsisdn").val()); $("#customerProfileList").jqGrid({ url : '${servletPath}/customerProfile/customerProfileList.data', datatype : "json",
Form tag does not get added in Chrome and Opera
I have a button on my form. When I click that button I first ajaxpost to a webpage on the server, take inner html of the specified div and finally append that html to another div that will present a jqueryui dialog. Here's the code: $('#window').html(content). dialog({ title: title, show: 'drop', hide: 'drop', width: 400, buttons: buttons, position: { my: 'center', at: 'center', of: window } } ); And here's the inner html of the div
$('input').attr('type', newVal) SHOULD throw in ALL browsers.
jQuery is here to normalize browser differences. If jQuery 1.9 supports oldIE, changing input type should throw in all browsers for consistency. I think the initial intuition here was correct. If you want to change input type without having an error thrown in modern browsers, you can just drop down to regular javascript and use .setAttribute('type' .. RIGHT?
Adding background colors to multiselect options
I have a multiselect element where the user select colors and I'd like to add a visual representation of each color - (preferably dynamically, but I'd be happy to hard-code it if that's significantly easier). I'm using the jQuery UI MultiSelect widget Any suggestions?
Form hide and show a part.
Okay I've been messing around with this for a while but I cant get it to work. What I want is to show a <tr> when a specific value of <select> <option> is selected. I got this code so far: <script> (document).ready(function(){ $(form select option[value='specified_range']).focus(){ $(".appel").show(); }else{ $(".appel").hide(); } ); </script> <select name="walk_mode" id="walk_mode"> <option value="freeroam">Lopen</option> <option value="stand">Stilstaan</option> <option value="specified_range">Beperkt
Dynamic Page Generation and the Back Button
Hello, I wrote a simple App which fetches some content from the web, displays the items in a list and when you touch one list element you see more details. Therefore I followed this guide [1]. Now I want to give the user the posobility to navigate back from the details to the general list and use the data-add-back-btn="true" attribute to accomplish that. It works fine on iOS and in my Firefox Desktop but not on an Andriod device. I would like to get some input on what is wrong with my implementation.
jQuery v1.8.3 (from WP 3.5) causing issues?
I got this test in my Chrome browser: alert (Thesaurus.options.containers + '|' + $.find(Thesaurus.options.containers).length + '|' + $.find('#content').length); When I load the page I got this output: #content|0|1 What is that? Also many other functions does not get properly executed within the jQuery based code...
Popup closes automatically on iPad in Chrome?
I have a popup that opens and then immediately closes in Chrome on an iPad. The popup works properly on all other combinations I've tried (devices/browsers). For whatever reason it won't stay open in Chrome on an iPad. Any suggestions where to start? I'm using JQM 1.2.0 FINAL and jq 1.7.1. Thanks
Difficulty using revamped position utility with multiselect widget
I'm using Eric Hynds Multiselect Widget, but I'm having trouble getting the position option in the widget to work with jquery-1.8.2 and/or jquery-ui-1.9.1. I believe that recent changes to the position utility are preventing it from currently working and I would love some help figuring out how to fix this issue. The working demo of the widget's position option is located here, but that uses jQuery 1.4.4, and more recent versions of jQuery prevent the multiselect elements from opening.
Next Page