[jQuery]Validation Plugin not validating all fields
Hi, as the titles says, i'm here for the following problem: in my form, there are 2 fields, username and password: <form class="login_form" action="./?c=login" method="POST"> <table> <tbody> <tr> <td> <label for="username">Username</label> </td> <td> <input type="text" name="username" placeholder="Il tuo username" /> </td>
Sliding div menu
I am trying to create a menu, it is just a plain div and each menu item is an image link. I do not want the menu to be displayed when the page loads but rather when the user slides the mouse to the top edge of the screen(web browser), I am a total nuub and do not know how to go about it but i am designing an asp.net website and would really like to implement this feature. this is the css for the menu: #top_nav { background-color: black; width: 100%; height: 70px; float: left;
Newbie help for IE display
I have created 2 small payroll apps and they work great, look great!! (Thanks JQueryMobile!) However, the bosses don't like the way it is seen on IE since it fills the entire screen. I have googled and tried some suggestions found on stackoverflow, but doesn't reduce the size on the desktop. Now my choices are create 2 screens, one for mobile and 1 for desktop, or find a way to make it fill maybe 50% of the desktop. Currently the company's portal is supported only thru desktop on IE, Firefox,
Button: programatic theme updates
Pls see release notes.... http://jquerymobile.com/blog/2013/02/20/jquery-mobile-1-3-0-released/ https://github.com/jquery/jquery-mobile/commit/2e21c6b92a2fc919c46244874de9da7a52173b50 It is now possible to change button‘s data-theme programatically via _setOption. I don't see anything on this in documentation.. http://api.jquerymobile.com/button/ does anybody know how to use this.... ?
fade out image on hover and show some hrefs on top of it
i am in dire need of showing 5 hrefs on top of an image on hover of it. the image would be in faded colored background, and on mouseout hrefs will disappear and image will be 100% visible the closest i could do is <style>#option { display: none; }</style> <div id="container" class="cont"> <a href="#" id="username" class="nomeutente" title=""> Stefano Imparato </a> </div> <div id="options" > <a href="#" id="user" title="">usr</a> </br> <a href="#" title="">impostazioni</a> </br> <a href="#"
jQuery Mobile multi-page swipe (MVC4, #C, .NET)
Hi, i am trying to display my model values in several different jQuery mobile pages. But when i use my code only 1 page is rendered in the source code, wye? & how do i fix it ? My ID's of pages are unique. My data-role="page" contains sections: header, content, footer. My model thats loops contains more than 1 row. This is my View: @model List<itsperfect.Extreme.Web.Booking.Models.BookingDays> @{ ViewBag.Title = "Välj din tid"; Layout = "~/Views/Shared/_MobileSwipe.Mobile.cshtml"; } <input
load/get/post syntax
is it possible to take this post("someurl",somefunction()); and write it in a longhand way, like you would for a ajax or a long animate command, like this post({ url:someurl, success:somefunction() }); if yes can someone provide me an example so i can see the exact correct syntax
Object disparition when setting its size
Hello Here is my issue : I have one global resize function when the window is resized, and I also call this function as soon as my document is ready. This treatment consists in absolute positionning of various <object> on the screen with regards to the window current size. $(document).ready(function() { ... $(window).resize(); ... }); $(window).resize(function() { ... }; When I load my page, my screen seams to be empty, as if <object> were hidden, but if a resize my window, objects appear properly
private variable
In this example, the variable "test" is override to the value '2' because of the last call with "#test2". Is there a way for the variable "test" to be private for each call ? (function ($) { var test = 0; function alerttest() { alert(test); } $.fn.testing=function() { var args = arguments[0]; test = args.test; $(this).bind('mouseover', alerttest); } })(jQuery); $('#test1').testing({ test: 1 }); $('#test2').testing({ test: 2 })
Serialize Dynamic Form
I am having trouble serializing inputs from a dynamic form and when I inspect the element using firebug it doesn't appear the value is being updated as well. Dynamic creation of the form $(document).on('click',"#userlists",function() { var userID = $("#userlists").val().replace("#",""); $.ajax({ type:'Get', url: 'http://localhost:8080/sdd/user/'+userID, dataType: 'jsonp',
how to get x,y coordinates and position when the div is resizable
while resizing the div i need to get the resize position
JQM 1.3 panel + iscrollview + dynamically loaded pages
Hi all, I'm trying to implement a listview that has data-iscroll enabled where pages are loaded dynamically on pageinit. I currently have 2 external pages where there is a listview with data-iscroll set and on pageinit; one page get's loaded into the index.html's content and the other to a panel. Basically; it's like this for my index.html page: <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
Cant post a question?
I try to post something it says this post is a spam? What is wrong with the forum?
Onclick refresh div content based on the selected values without reloading a new page.
Hello; I use sliders as filter to show list of hotels based on the selected price range value on the sliders here. The sliders are located on the right side bar. They work fine with no problems. The good thing about them is that they do not reload a whole new page on the div. Problem: Now I also need to use another filter and that is "star type". So the user can choose to see the hotels with 1,2,3,4,5 or 6 stars. I have already made that part working as well but the problem is the way I have coded
Multiple animations on one element
/o\ I'm super new to jquery, so this is probably butchered terribly: http://jsfiddle.net/mJj7U/ I'm trying to make this float with jqfloat (works great), pulsate with a resize animation (works once), and twinkle with an opacity animation (doesn't work at all). I'm sure I'm doing something wrong with the structure, as they each work fine on their own. Although I also can't get the pulsate and twinkle to keep animating infinitely. It'll only go once. How can I make all animations start at once, and
load vs post
I have been reading the documentation on load and post. it seams the only differences are that A) with load you place an element in front of it and it automatically inserts the retrieved data into that element but post does not do this so you have to write this behavior into the callback function. B) post sends the data via POST and load does it via GET (the get function would send it via GET but the get function does not have a parameter for sending any data to the server so in this way it is massively
jQuery Star Rating Plugin
Hi, I need a star rating plugin similiar to the one at the bottom of this article, does anyone know if theres a jQuery plugin which does this kind of thing?
simple problem
This code works $("#aaa").click(function(){ $.post("insert.html",function(data,status){ document.getelementbyid('mas').innerHTML = data; }); }); This code does not work $("#aaa").click(function(){ $.post("insert.html",function(data,status){ $("#mas").innerHTML = data; }); }); The only difference is that i have changed document.getelementbyid to $("#mas") which i thought was the correct jquery equivalent. i expect that this is some tiny syntax error so what is the problem
How to change or replace array of array in jquery?
My array is like this : var arr = new Array(); arr.push([1,1]); // index 0 arr.push([1,2]); // index 1 arr.push([1,3]); // index 2 change value 3 to 5 arr.push([1,4]); // index 3 Can splice() method be used for doing this?
Switch from grid view to list (and back) with a fade effect
I have a category page that can be viewed in grid or a list. I want to add a fade affect when I switch between the views. How can I do that? Here is my js: $("a.grid_view").click(function () { $(".category_div").addClass("box_view"); $(this).addClass("active"); $("a.list_view").removeClass("active"); }); $("a.list_view").click(function () { $(".category_div").removeClass("grid_view"); $(this).addClass("active"); $("a.box_view").removeClass("active");
How to remove array element?
My arry is : var arr = new Array(); arr.push([1,2]); arr.push([2,2]); arr.push([3,3]); I want to remove no 2 element so i tried following methods arr.remove([2,2]); // not working i tried to get index of element but that also did not work arr.indexOf([2,2]);
multi-page keeps CSS if using a href, but does not if using swipe
When using jquery swipe, the CSS of the first page changes when showing the second page. However, if I just use a simple link, it maintains the CSS. Can someone please help explain what I am doing wrong to get this result? Here's the basic code: <!DOCTYPE html> <html> <head> <title>jtest</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" title="standard" rel="stylesheet" href="themes/jquery.mobile-1.2.0.css">
FlexSlider / need some fix
Today a try add some extra animation into flexslider...that's everything is great the script work but need tune up for better working... So I want to explain this - 1 The slider now used only for words animation - 2 I want use animation like Animate from left step2 animate from bottom step3 animate from top - The problem what i found is when define the animation "Fade" or "Slide" The first step animate with all effect but the next step olny slide or fade... - I think is not hard
remembering which columns to display
Using JQM 1.3 table column toggle. How can I refresh the data in the table, or the whole page for that matter, while displaying only, or exactly, the columns that the user chose?
Ordered list doesn't display numbers in Windows 7.5 mobile device
Hi, In Windows 7.5 mobile device ordered list doesn't display numbers but shows zero (0) for every bullet lists. Do any one know the solution? Thanks in Advance. Chandra
Windows 7.5 mobile device text wrapping issue
Hi, In Windows 7.5 mobile device if I in put email address too lengthy then on display screen, mail text is not wrapping and run off the side of the mobile screen. I have set style "word-wrap:break-word;" to that html element but still its not working. Please help. Thanks Chandra
jquery carousel/slideshow for phpBB?
Hello, How would I go about implementing one of these on my phpBB forum: www.lawstudenthub.co.uk As you can see, I have a number of small images in a row on the index page which I would like to turn into a jquery carousel/slideshow. Thanks.
RWD & jQuery Mobile Widgets
This may be something obvious, as I'm new to jQuery & jQuery mobile, but how do I selectively use a jQuery Mobile widget? Specifically, I'm doing a mobile-first RWD site & I want to use the collapsible set widget (accordion) on smaller widths (in other words, on mobile devices). But I don't want to use the widget on larger widths (such as tablets & desktops). I wan to get a bit more fancy on those devices (progressive enhancement). I've tried Google searches & reading the docs, but as I'm not really
Changing type of input is now okay ?
Hello, I was doing some research on changing the type of an <input /> using jQuery and I found multiple answers saying that jQuery forbids this as it doesn't work in IE. However, I tried it and it is working. Meaning, it doesn't throw an error and prevent me from doing it like my research said it would. Is this allowed in jQuery now? Is it supported in IE now by 1.9 ?
jQuery Mobile Opensource
Hi, I'm new to this and have been playing around with jQuery Mobile code. Very good. love it. I've been doing a lot of reading about this, but can someone please confirm this. 1) Opensource jQuery is an opensource platform where I can use it to create website no problem right? no copy right issue? do I need to display any link back to jQuery for this? 2) jQuery library source I can freely download and use the script below for my website can't I? and build it from here. Do I need to make any reference
book layout, change only one page
hi, i just started working with jquery mobile and have so far only used the "normal" multiple page layout as shown in the demo section. for a little project on the ipad (landscape), i would like to have two pages next to each other (like in a book) and be able to only change one of the pages by clicking on a "link". Is this possible with jquery mobile and if so how is it done? if you could provide me with some links i would be very thankful cheers katzenjammer12
Create an event dyanmically, after reading a text file
I am trying to setup a html which performs the following: read a text file from the server using data in that text file, create dynamically buttons in the html page (say, one button per line) assign a handler for the click event in every button, triggering the same function for all of them, but changing the data passed. I got to work if I create the buttons without reading from the server, so using a internal variable that handles the values .... but, when getting to the file, I am able to read the
The function definition.
From http://learn.jquery.com/javascript-101/scope/ I do not understand why the first one is better than the second? // Functions can see changes in variable values after the function is defined var myFunction = function() { var foo = "hello"; var myFn = function() { console.log( foo ); }; foo = "world"; return myFn; }; var f = myFunction(); f(); // "world" var myFunction1 = function() { var foo = "hello1"; var myFn = function() { console.log( foo );
toggle() behavior
Hello, I wonder if there is a way to modify the toggle() behavior. Currently I use a link to show/hide a vertical menu: $ ( '#link' ) . click ( function ( ) { $ ( '#mydiv' ) . toggle ( ) ; } ) ; It works but the effect is something odd, It looks like a fade plus a horizontal scroll which doesn't fits with my vertical menu. I would like to make it scroll from the top to the bottom. Is it possible? Thanks in advance.
Is it possible to control a scrollable jquery ui dialog using keys (PgUp, PgDn, … spacebar?…)
I have a jQuery UI dialog that has enough content to trigger the appearance of vertical scroll bars. I found that the only way to make it scroll was to either click-and-drag the scrollbar, or click in the scrollbar area - i.e. it was not possible to make it scroll using the PgUp or PgDn keys, nor the arrow keys or spacebar, etc. What would be the best way to enable keyboard activated scrolling? [Note: I'm actually using an enhanced version of the jQuery UI dialog (http://www.fieryprophet.com/demo/jqui-dialog-minmax/)
broken image problem
Can someone help how to fix broken image problem in jquery, I can see the broken image icon on my browser after refresh and If I right click on that broken icon and go to properties it shows that it is the right Image but it does not show the image itself rather it shows only the broken icon of that image. I did try it on all browsers, firefox,chrome,IE and is not cache problem. This is the website, http://worldmarketing-site.com
Implementation of the TouchSwipe-Jquery-Plugin
Hi, I'd like to use the TouchSwipe-Jquery-Plugin (https://github.com/mattbryson/TouchSwipe-Jquery-Plugin) to insert a value into an input field from a tablet. The value must be between 0 and 12. I'd like that if I swipe right, every 50px of swiping, the value add +1, until the maximum value (12). If I swipe left, every 50px of swiping, the value subtracts -1, etc... The second implementation that I'd like to insert is a clickable button that add +1 to the value. Can you help me to write this script
Problem with Jquery Cycle plugin.
I am using this cycle plug-in and the console is showing this error: Uncaught TypeError: Object #<Object> has no method 'easeOutBack' jquery.min.js:16 d.fx.stepjquery.min.js:16 gjquery.min.js:16 d.fx.customjquery.min.js:16 (anonymous function)jquery.min.js:16 d.extend.eachjquery.min.js:16 (anonymous function)jquery.min.js:16 d.extend.dequeuejquery.min.js:16 (anonymous function)jquery.min.js:16 d.extend.eachjquery.min.js:16 d.fn.d.eachjquery.min.js:16 d.fn.extend.queuejquery.min.js:16 d.fn.extend.animatejquery.min.js:16
Is it possible to put a function that returns a promise inside a click handler
Kind of like so, $('#sbItems a').on('click', function (e) { e.preventDefault(); // Do stuff urlId = stuff; function citeAjax(urlId) { return $.ajax({ type: 'GET', url: 'https://www.sciencebase.gov/catalog/itemLink/' + urlId + '?format=jsonp',
Changing div tag order
Hi, I would like to change the div tags order. I have written below my html codes. Existing div tags in html page. <div id="main"> <div id="divone">Content for div tag one</div> <div id="divtwo"> Content for div tag two </div> <div id="divthree"> Content for div tag three </div> <div id="divfour"> Content for div tag four </div> </div> I would like to change the order of the divs like, <div id="main"> <div id="divone">Content for div tag one</div>
Next Page