Client side checking for data before submission to server
Hi I have a cshtml where in I load partial view as follows. @{Html.RenderPartial("SavePopUp", Model.SavePopUp);} The partial view is loaded as popup which is as below.. <input id="myId" type="text" name="myId"> <input id="SaveId" type="submit" class="button" value="Save Id" onclick="return Func1(); /> function Func1() { var Value1 = document.frmUpload.myId.value; var Value1 = self.document.getElementById("myId").value; var Value1 = this.document.getElementById("myId").value;
bringing in a (XML data) URL into jquery
Hello I am somewhat new to jQuery ( and loving it!) but I need to get data from a URL I have the xml locally and it works.. I get the data displayed in html - but really needs to happen for me is to bring in the data with a URL like this one: http://184.173.18.228/api/profile/1000/0/A … ( no extension on it like ".xml" $.ajax({ url: "adam.xml", $.ajax({ url: "http://184.173.18.228/api/profile/1000/0/A", it doesnt work of course - hoe can I get a URL in there? thanks Rob
Click event getting double results
Hi All, I'm trying to write a simple function to replace the deprecated toggle function, but I'm getting two console responses for each click. on 1st click: odd number of clicks odd number of clicks on 2nd click: even number of clicks even number of clicks etc... I thought using mouseup would fix it, but it still continues to happen. What do I need to change? var myclicks = true; $('#myclicktest').mouseup(function() { if (myclicks) { console.log('odd number of clicks');
Changing XML DOM with JQuery not working
Hi, This is my first post in this forum, and I hope someone can answer me. I'm trying to edit (change attributes) an XML DOM I downloaded from server, with JQuery, but I was unable to do so. I could do it just using (pure) Javascript. So, this doesn't work: $(xmlDOM).find('Table [name="'+tabela+'"]').each(function(){ $(this).attr("confirmation","true"); }); console.log(XMLToString(xmlDOM)); When I check the console, the attribute confirmation is with it old value (false). This is working
editing accordion css
Is it possible to edit the css of jQuery UI accordion to change bg colours etc? I have selected the Mint Choc theme but would like to match more closely the colour palette in the site I am building in DW. Can't edit css in DW and since the jquery-ui.css files are remote this seems impossible or am I missing something...? Am new to this forum so please be kind
jQuery cycle plugins
I am using the jQuery cycle plugin and when I use the pager option, I get navigation control (square boxes with numbers as a caption). How can I control these controls to: 1. change the numbers for custom strings 2. change the size of the squares according to the string 3. change the position of the controls Thanks for any help
Redirecionar ara determinada página após término do evento
Olá pessoal, eu tnho um botão submit que envia um formulário, então eu gostaria de perguntar: quando a página terminar de enviar o formulário, automaticamente ela ser redirecionada para um determinado link. Abraços.
rich_textarea jQuery plugin
I have just released the first version of rich_textarea TEXTAREA replacement the supports: multiple configurable autcomplete triggers (@mentions/#tags/etc) insertion of rich markup objects (e.g. images, links with decorations, etc) generation of a text representation of the editable area Demo, source, etc available from here.
select-choice in a listview split button
Hi, is it possible to use the split button (of a listview) item to open a custom menu instead of a link ? Something like: <li data-icon="false"><a href="test.html"> <div>Item 1 text</div> </a> <a for="select-choice-a" data-rel="dialog" data-transition="slideup"> <select name="select-choice-a" id="select-choice-a" data-native-menu="false"> <option value="standard">Standard: 7 day</option> <option value="rush">Rush: 3 days</option> <option value="express">Express:
what can i use instead of event.handle after upgrading to jquery 1.9?
as event.handle is removed in new release 1.9,what method can replace it
Using tablesorter jquery plugin on table with jquery ypagination
This is the table sorter i desire to implement, if that's possible. This is my scenario http://t0ze.dynip.sapo.pt/static/ With the following code <?php require_once("includes/connection.php"); ?> <?php require_once("includes/functions.php"); ?> <?php include_once("includes/form_functions.php");?> <?php include_once("includes/html.php");?> <?php include_once("includes/pagination.php");?> <?php echo @get_country();//members array to be used to populate table ?> <script type="text/javascript">
I need your Guidance/Assistance. JavaScript and Graphics.
Hey folks, Well, I'm working on project, where I want to have similar features as google maps has. At first, I'm trying to get "surface", "window", "wievbox", "container" or whatever you call it, where i could create objects as squares or circles with some text inside. Afterwards, when i'm having enough of circles/squares I have to expend that plot, so I need navigation function for X and Y axis. Hopefully, you understood my idea. I'm asking if there is anyone who is working on something similar,
How to toggle div on click and hide any other "toggle-visible" divs
I have a site where when you click a div, a hidden div is shown. The problem is, if you don't re-click the original div, the "hidden" div will remain visible even if you click div2 which reveals a hidden div2. Basically, you have all of the hidden divs overlapping and visible at once. I need one "hidden" div visible at a time. http://www.lindseysoftware.com/SoftwarePortal/index.html Thank you for any help.
jquery validate creditcard issue with prepopulated values
Hey guys, so just curious, setting creditcard: true seems to work just fine. However, if the user has billing info saved, we load up the existing credit card with xxxx-xxxx-xxxx-1111 which unfortunately won't validate. does anyone have a way around this issue?
target selector does not work ? $("p:target")
I tried your example for the target selector, and it does not work with Chrome 23.0.1271.97 (under Xubuntu 12.10 64 bits) for a <p id="foo"></p> into my page, if I call my http://localhost/sample.html#foo page, the $("p:target").length has the value 0 Works Firefox, but not with Chrome. Test was made with Ubuntu - Chrome version 23.0.1271.97 The full sample : <!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery target selector
Convert OR map the string value to the id of existing form element.
Hi All, I have a string value fetching from the query string.This string value is the id of one of the form elements. So, In clientside using JQuery I want to convert this string value to id of form element and then set the CSS style to it. Thanks & Regards, Gopi Krishna T
issue with wrap -- Bug or Feature
In a small script I am writing I do the following: find a div with id = 'xxx' add a button to that div then wrap that div in a container div. I can separately add the button with no problem -- results show in page. I can separately add the wrapper -- results show in the page. However, if I do the add button followed by the wrap, the button is missing. It looks like the wrap is accessing the div the way it was before I dynamically added the button. I can make this work by wrapping the div first, then
jquery menu problem.
I have written code for menu using jquery but it is not working .the code is- $(function(){ $('a#home').click(function(b){ b.preventDefault(); $.cookie('class','home'); }); $('a#write').click(function(c){ c.preventDefault(); $.cookie('class','write'); }); $('a#comments').click(function(d){ d.preventDefault(); $.cookie('class','comments'); }); $('a#medias').click(function(e){ e.preventDefault(); $.cookie('class','medias'); }); $('a#users').click(function(f){
unbind a fuction not working
i create a function in which onclick of button div append on active <li> but on click of other <li> the appended div should remove from active <li> $("#rotate").click(function () { // Your original element var ele = $("li.active"); // Create div dynamically $('<div></div>').appendTo(ele).attr('class','handle').css({ 'position': 'absolute', 'bottom': 0, 'right': 0, 'height': 10, 'width': 10, 'background-color': 'red' }); }); Thanks in advance
Google Map API not working
What is wrong with my code below? <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>Maps</title> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="jquery-1.9.0.min.js"></script> <script type="text/javascript"> var map; function initialize() { alert('Hi'); var myOptions={ zoom: 14, center:
formulaire
Hello dear friends developer, I am a new developer jquery mobile, I have a problem with the code below, given that when I filled out the form (index.html) and send it to (action.php) I output which displays the code of second file (action.php). Fichier index.html <!DOCTYPE html> <html> <head> <meta name=viewport content="user-scalable=no,width=device-width" /> <link rel=stylesheet href=jquery.mobile/jquery.mobile.css /> <script src=jquery.js></script> <script src=jquery.mobile/jquery.mobile.js></script>
[1.3.0-beta-1] About headers in panels
I'm trying to include a fluid-like header in a panel. What I mean is the that the header of the orignal page and the panel look similar (color scheme + height). This functionality is more or less implemented in http://jquerymobile.com/branches/slide-panel/docs/panels/index.html via a listview in the panel. The first listitem has some tweaking (margin-top and color). I've implemented something similar and hosted it at: http://jsfiddle.net/ZnuwT/2/ It uses similar listview and the tweaking. The difference
Why is that page not centered?
Hello, I`ve created a mobile website. On my iphone it looks good and the page is in the center. On iPad its on the right and on the computer its not centered either, why? http://poure.eu/mobil.fitness-rodgau.de/ Thanks for help
The Bootstrap rendering RoyalSlider inoperable?
I'm not sure exactly what is creating this conflict. When I run RoyalSlider with the WP default theme it works fine, but when I run it with The Bootstrap theme it no longer works. I followed the documentation and troubleshooting on the site and asked the developer but as of yet have not received a response. I checked to verify that the correct plugin settings were checked to included the slider on each page. I also verified that the theme author correctly called the .js scripts by enquerie, etc.
problem
I work on jquery and i need help to resolve this problem. I added to wordpress 5 search bars and i used the same selectors and i put it to jquery and 1st searchbar does it what i want and anothers doesnt nothing. 1st one if does event ... the event is in the same time applicated to others. help
height(), innerHeight(), outerHeight(), css('height'), css('border-top-width') compared at different zoom levels
HTML5 page. Chrome 24.0, Maxthon 3.5, IE 8 and IE 9 I have created two div with a height of 100px to analize. The second one have a border of 2px. I saw documentation of .height() but the page do not contains the word "zoom" at all. Where is documentation about zoom level in jQuery? Documentation says "returns a unit-less pixel value" (can be a float point value?) and then "return the content height, regardless of the value of the CSS box-sizing property". First of all, according to the documentation,
Almost works
I am testing out Easy Comment and have everything working except that it won't post. I took your code sample and changed it for my local settings and loaded it to my web server (IIS). The dialog came up and accepts my input OK but when I hit submit nothing happens. I get no errors of any kind. Any help would be appreciated. Here's a link to the test pege. http://sjsnew.digiact.net/school/easycomment_sample.html
content slider gallery move automatically
how to move content slider gallery move automatically, i m using content slider having side arrows when i click on arrow it works, i want it should work automatically jquery.ennui.contentslider.js <script> $(document).ready(function () { $('#contentslider').ContentSlider({ width: '944px', height: '409px', speed: 600 auto:true; }); I tired with auto: true..but its not working plz suggets.
calling in jquery - what is it about?
Calling the switch plugin This plugin will auto-initialize on any page that contains a select with the data-role="slider" attribute. However, if needed you can directly call the sliderplugin on any selector, just like any jQuery plugin: $('select').slider(); This what does this "calling" do? The jqm manual assumes the user already knows But where to find out?
mobilyblocks
Hi Guys, i'm new to Jquery but I found a cool plug-in. see folowing linK: http://plugindetector.com/mobilyblocks I've already implemented it but the thing is. when the bottem circle opens (with the click event) the links (other circle are round it) I like to have it changed to when a link is pressed that it closes again. the trigger for this code is Click what i'm using but I only get the circle closed again when I click on the middle circle. please does anyone has a clue?? The code for the whole
Alternative to $.event.handle in 1.9.0
Hi, I have written a library of mobile 'events', that unifies mobile and desktop clicks and touches into a single event (see here > https://github.com/benmajor/jQuery-Mobile-Events). I (rather foolishly) relied on two undocumented jQuery features to handle certain areas within the code. One of them was $.attrFn, which I have been able to fix by declaring it myself, but the other is a little more difficult, it is the $.event.handler. The full code that no longer works is as follows: function triggerCustomEvent(
jQuery errors in debug mode. (machine issue?)
I'm getting an error(s) in VS 2010. I'm not sure if it's jQuery or not, but it's definitely js. I'm using Telerik controls. I seem to be the only one getting the error(s). If I run my project, on certain pages (most) I'll get ID is undefined and it breaks with a dynamic window showing only this: cr_real_detachEvent("onload", window.CR_IE8_EVENTS[ ID ].handler); If I continue on and ignore the error, it seems to work fine...just annoying. On subsequent postbacks I'll sometimes get (and it could be
//$(this).parent().parent().remove();
Hello all, This is my first post and I'm relatively new to JQuery so hope this is not a stupid question. Basically, I want to have some rows in a table that can be deleted by clicking the button which is present on each row. The code looks like this: HTML: <table border="0"> <tr> <th></th> <th>Name <em>*</em> </th> <th>Email</th> <th></th> </tr> <div id="participant"> <tr> <td>1</td> <td><input type="text" id="partName" class="required" /></td> <td><input type="text" id="partEmail"/></td>
different buttons but same ajax call on blockUI
I have a blockUI in which i ajax call another page through a series of buttons with same class but different attribute value(of tag). however, when i run the code, only value of first button gets submitted no matter what button i clicked. How can i modify this to send data associated with different buttons separately? Please help $('#submit').click(function() { var action = $("#form1").attr('action'); var form_data = { message: $("#message").val(), data: $(".pageDemo1").attr("tab"), is_ajax: 1 };
how to block div from inheriting css from parent div?
<div id="containerDiv" style="overflow:auto;"> <div ></div> <div ></div> <div ></div> <div ></div> <div ></div>......................<div>n </div>In the above code all divs inherit "overflow:auto" and this is a desired action, but I want to turn off this inheritance for sume divs
attr removed? Or just removed for properties?
I'm looking for some clarification. Has .attr been removed entirely in 1.9? Or is it still around but simply no longer able to set properties (as opposed to attributes) ? I'm finding the upgrade guide to be a bit ambigious. Full disclosure - Haven't had time to do my own testing. I would avoid asking this question on the grounds that it doesn't take much to answer it by trying it out, but I think it's a good idea to document it clearly anyway, so here it is.
Parsererror on valid json(p)
Hey people, For retreiving data from a remote server (for a local app) I use jsonp. The ajax function returns a statuscode 200, statusText success, and chromes developer tools show I received the correct data, but it also gives me a parsererror. I have confirmed it is valid json, and it is properly parsed in chromes console. Here's my code: $.ajax({ dataType: "json", url: url, success: function(rdata){ data.sampleData = rdata; console.log(rdata);
Memory leak or poor code?
Hello, I hope somebody can help. We are using jQuery 1.8.3 and have an application that is leaking memory badly in certain conditions. It is very difficult to track down, but I have a small snippet of html/script that seems to exhibit a leak (obviously this is not part of the app itself): <div id=”test1”></div> <script> gInterval=setInterval(function() { $('#test1').empty().append($('<div id="'+Math.random()+'"></div>')); }, 1); setTimeout("clearInterval(gInterval);
JQuery Conflict with Dropotron Menu and Lightbox
Hello, I am very new to coding in Dreamweaver and have spent the better part of 2 days trying to resolve this. I have seen many similar posts online, but can't get the code to work in my webpage. I've got a navigation menu that uses JQuery and when I attempt to insert Lightbox into the page, the menu does not function properly. I'm sure this is a JQuery conflict. I have tried the JQuery.noconflict()...not working. Can anyone provide me with exactly where I need to insert the JQuery.noconflict()
Selectables issue
Hi, i have two selectables with two textboxs in a table (The first selectable contain the category and the second the sub-category). The textboxs are used for search in the Selectables. If i select a list item from the first selectable and execute a search, is also selected the list item of second selectable with the same ID of selected item of first selectable. This is my Javascript code: function Category() { $( "#selectableCat").selectable( "destroy" ); $("#selectableCat").bind("mousedown",
Next Page