Sliding submenus
Hello, I tried searching for this, but I couldn't find any answers; sorry if I missed something. Anyway, here's what I'm hoping to do: I have a listview populated (via ajax) with comments. I'm hoping for it to be able to do two things: Respond to a tap/click by loading replies (already implemented). Second, I'd like the user to be able to swipe the <LI> from right-to-left to reveal a sliding panel with other options pertaining to the comment; this panel only covers the comment list item (give
Best way to handle results from a search
I'm using .post to send a search field to a server side page that processes the search and returns results to a div. That works well. However, I want to be able to have those results go out to another (different) page on the server and return data into another div. How? I tried returning the search results as an html hyperlink but the path will not work. I'm using html5 so there is only one page on the client side (index.html) and the search form is contained in a div on that page.
Jquery Cookies
Im creating a mobile apps using Icenium(html,css,jquery mobile,java script). One of the features of my apps is to have a save username and password of persons who log-in. and many said it will work using plugin. But i tried many plugin but it didnt work. Is there anything you can help about my problem?a example of simple code when use cookies taht will work in my apps. Hope you can help me. Thanks
How to make the se grip handle larger for a jQuery-UI resizeable?
I'd like to make the SE grip handle of a resizeable DIV larger so my novice users won't be as likely to drag right or down when t hey mean to drag diagonally. It looks about 16px x 16px now and I can see that the icon assigned is ui-icon ui-icon-gripsmall-diagonal-se It seems like there should be a ui-icon-gripslarge-diagonal-se somewhere, or a way to use my own icon and choose the size. I'd like to end up with a grip handle about 32px x 32px. Thanks for any ideas.
Jquery Mobile 1.3.1 on code.jquery.com?
Hi all, I was just wondering if JQuery Mobile 1.3.1 will be on code.jquery.com soon? Thanks!
Please solve this issue
Dear all, I am trying to create DragAndDrop plugin this is my code. It gives no error nor it functions correctly. I don't understand what might be the actual problem. Please solve my issue. Regard's B. Jagadeesh <html > <head><title> </title> <script type="text/javascript"> function EventTarget() { this.handlers = {}; }; EventTarget.prototype = { constructor: EventTarget, addHandler: function (type, handler) { if (typeof this.handlers[type] == "undefined") { this.handlers[type] = []; } this.handlers[type].push(handler);
How to use OR operator in this function? Instead 3 show functions how can I use OR operator so that it will be one function?
$(document).ready(function() { $(":radio:eq(0)").click(function() { $("#second_datepicker").hide(); }); $(":radio:eq(1)").click(function() { $("#second_datepicker").show(); }); $(":radio:eq(2)").click(function() { $("#second_datepicker").show(); }); $(":radio:eq(3)").click(function() { $("#second_datepicker").show(); }); });
Any issue using PHP INCLUDE for the head section ?
Hi, Ok, so I've got a site up and running (Using individual html files/Not multipage) Would there be any issue with jquery if I used a php include for the head section of each page, placed just below the title tags? Example: A file called head.php <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="apple-touch-icon" href="images/apple-touch-icon-iphone.png" /> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-ipad.png"
Ajax -POST call with Jquery - cross domain
Hi, Tried this..and this works on FF and Chrome..not on IE..though call goes to the function.Any pointers? And is there any other way to make a cross -domain POST call.. Can we do it with JSON instead of JSONP? function (url, requestData) { var jqryXHR = $.ajax({ type: 'POST', url: anotherDomainurl, dataType: 'jsonp', contentType: 'application/json; charset=UTF-8', data: { requestParams: requestData } }); }
iOS Datepicker
I've got my jQuery page that displays the native date picker on iOS. When a user selects the date it is displayed spelled out like May 22, 2013. I'd like to format the date as 05/22/2013. Is there a way to use the native date picker in iOS and have it format the date as 05/22/2013?
Where is the documentation for things like this?
tabs("add", "tab"); tabs("remove" , "tab"); I am still very new to trying to use this library and am having a very difficult time locating the documentation that supports these options that are shown in many pieces of sample code. Any help in getting pointed to the right stuff would be appreciated.
This JQuery sum works in JSFiddler but not when try and open it in a browser? It must be something silly!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body> <select class="quote" name="quote[50]"> <option value="0">0</option> <option value="10">1</option>
How can jquery detect when an image map is clicked?
I am using a chart control that is generated from asp.net. Its a bar chart,and each bar has a tool-tip. (The tool-tip is a 'title' attribute). There is an image-map that describes each bar area as a rectangle. I can capture ordinary clicks on the chart when they are outside of the bars. But when they are inside of the bars, they don't get captured by the usual on.("click") jquery code. Ideally, when the user clicks inside a bar, I would like jquery to capture the tooltip. If I can do that,
Clear html on button click
script type="text/javascript"> function clear() { $("#monitor").html(""); } </script> <div> <button onclick=clear()>Clear</button> </div> <hr /> <ul id="monitor"> </ul> The monitor html does not get cleared ?????
Timer problem when window minimized
Dear friends, I am a .NET WEB APPLICATION DEVELOPER... I just started using JQUERY and liked it so much. I developed an asp.net page and used some jquery code on it. Shortly, I put a timer bar with 900px width. I use an animate function. Function adds 5px every second and if width of the bar exceeds 895px, timer stops and width gets 0px. You will find the code below. The problem is if I minimize or open another window while timer works, width of the bar exceeds the 895px but timer does not stop.
Box Slider callbacks beforeSlide and afterSlide
I have the box slider plugin working as it should, but now I'd like to make it a bit more fancy and make use of the callbacks with animation etc... But I just don't understand how it works using the options. so my markup for each list item looks like this. <li> <div class="text"> <h2>Heading</h2> <p>A short description of the slider</p> </div> <img src="some/image/path.jpg" alt="image description" title="image title"/> </li> I want to animate the text out
Mega Hover Over
Hi All, I am currently using the mega hover over jquery on my website for my navigational menu at the top of my page. i would like to make it so when i hover over an option in my menu another menu will appear. it that possible using this query? this is the code. $(document).ready(function() { //On Hover Over function megaHoverOver(){ $(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in (function($) { //Function to calculate total width of all ul's
validationEngine validates on blur but posts data anyway if errors exist
I have posted this to the correct forum as I somehow selected the Developing jQuery instead of Using jQuery Plugins which is were it belongs! I seem to be having an issue with the validationEngine on a new page currently under development. For some reason, on a blur event the validation works, but when I submit the form, instead of showing the errors, the pages flashes the validation error messages for every field and posts the form data instead of disabling the form submission. Relevant code
Replace in string
Hi, i have this text: <div class="blog-class-nxcms"><div id="prepare-for-put-div-42" class="prepare-for-put-div"><delnxcmstag><div id="put-here42"><div class="test-nxcms"><delnxcmstag><div id="prepare-for-put-div-41" class="prepare-for-put-div"><delnxcmstag><div id="put-here41"><div class="blog-image-nxcms"><delnxcmstag><div id="prepare-for-put-div-43" class="prepare-for-put-div"><delnxcmstag><div id="put-here43"></div></div></delnxcmstag></div></div></delnxcmstag></div></delnxcmstag></div></div></delnxcmstag></div></delnxcmstag></div>
A fundamental question on how modern browsers cache resources.
Scenario 1. ---------- If my home page (index.html) has a link to an external CSS file and a script tag with an external reference to a JavaScript file, as follows: <link rel="stylesheet" href="css/style.css"> <script src="js/script.js"></script> If my index.html has an anchor tag which references a child page, ie: <a href="contacts.html">Contacts</a> However contacts.html also contains the above CSS and JS references - Q. is this an inefficient way of loading a child page, or does the browser cache
Is there a way to add a validation without attaching it to an input field?
is there a way to add a validation without attaching it to an input field?
Remove css class or div, but without content
Hi, how can I remove some classes and divs, but without content, somethig like that: <div class='i-need-it'><div id='i-want-to-remove'><div id='i-need-it'><a id='i-need-id'><a></div><div></div> <div class='i-want-to-remove'>blah blah i need this blah blah</div> Thanks.
Using <div>s as slides instead of images in ImageFlow Slider
I am using ImageFlow for making an image slider. I want to use <div>s instead of images for slides. How can I do it?
Slideshow Control problem, one side does not work
Hi! I am new to jQuery and am trying to adapt a slideshow to fit my layout. I have one end of the slideshow working fine, as you can scroll left with no issue. However, on the right control, the button does not seem to be clickable. The link to the page is here. Here is the template page's code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
hello, iam trying to onclick on one div send the content to another div
hello, iam trying to onclick on one div send the content to another div i can send the content from one div to another the problem now its to send only the one that its clicked on [removed] <script> document.getElementById('there').appendChild( document.getElementById('eee') ); <form action="projectAdd-step4.php" method="post"> <h3>Contractors</h3> <p>Choose some existing contractors in the left column by clicking their name or delete in the right column by the same way</p>
rottentomatoes movies API..
How to display results from rottentomatoes movies API.. Thank you.. I am new in jquerymobile
Horizontal Parallax with jquery and css
I came a cross this page recently http://tinyurl.com/oan2y7t and I was wondering how the author achieved such a nice horizontal parallax effect. I am well aware of all those different tutorial on the internet, but I can't figure out the approach to get a horizontal parallax effect with two or more layers besides each other. Maybe someone can give me a hint or simple approach to achieve that by using jquery and css?
Loading alternative pages into jQuery Tabs via ajax/PHP/CodeIgniter - refresh problems ?
Hi, I'm not sure whether the following problem is a Javascript or PHP issue, but I'm stumped right now. I'm building an application. Part of it contains a section that is broken down into tabs. Because the information in each section is inter-linked, I can't load the contents of each tab at the outset. Each time a tab is clicked on the page is loaded via Ajax and if the data on the page is modified and updated, it is submitted back to the server via Ajax and a new page is generated via PHP and returned.
$.post and json encoding
Hello to all sorry for my bad English. We illustrate my problem sending the data via $.posts and I get the json using php json_encode($dati,JSON_UNESCAPED_UNICODE))the data that I get is as follows {"errore":"","alternative":"单恋日记中 的少女片恋の日記少 女Machiboto KitariMegane Danshi TokushuuThe girl in the diary of unrequited love"} The javascript that sends the request and processes it is this $("#parse").click(function(){
Changing the initial load page/div in jQuery Mobile
We have a page which is heavily data-driven and so users could be navigating to a HTML page which, depending on the user, could potentially see a different landing div (where data-role=div). Currently, the solution I have worked out so far is as follows (this is a jQuery Mobile/PhoneGap application, hence the deferred bit at the beginning in order to combine the two events into one). var deviceReadyDeferred = $.Deferred(); var jqmReadyDeferred = $.Deferred(); document.addEventListener("deviceReady",
problems with tabs
Hi, I've problems with my jquery tabs. Clicking on the link does not change the tabs "biografia" and "palmares". how can I do it? Thanks a lot JAVASCRIPT - JQUERY $(document).ready( function() { $('.tabs a').each( function() { $(this).click( function() { $('.tab-content').fadeIn("slow").hide();; var tabSelector = $(this).attr('tabSelector'); $('#' + tabSelector).show(); }); }); }); // script per aggiungere-rimuovere la classe "activeTab" sul tab $(document).ready( function() { $(".tabs a").click(
Why editing is not working in AJAX interaction into a PHP site using jQuery and the jQueryUI framework.
Hello Everybody, Can anyone tell me, why editing is not working with this code ? This is the link : http://jeremydorn.blogspot.com/2011/...i-and-php.html When i incorporate this code. Than it displays ok. But when i want to edit the information it's not working. In addition to this it will be really very helpful if deletion can also be added with this code. Thanking You Megha
Module names and test names prevent QUnit operating
Hi, I've just started working with QUnit this morning and I'm getting some unexplainable behaviour. Calling a module anything other than "QUnit Test" and a test anything other than "Sample test" will prevent the tests from running at all. This works (in Safari 4 and Firefox 3.6): var domReady = function(f) {document.addEventListener("DOMContentLoaded", f, false);}; domReady(function(){ module("QUnit Test"); test("Sample test", function() { expect(1);
Simplify chain of setTimeout
Hello Jqeury fans, is there a way to make something like this: setTimeout( function(){ $("#arrowNext").trigger('click'); setTimeout( function(){ $("#arrowNext").trigger('click'); setTimeout( function(){ $("#arrowField").trigger('click'); setTimeout( function(){ $("#sub").trigger('click'); setTimeout( function(){ $("#arrowTrailerField").trigger('click');
check if field (already) contains a word
before populating, the following <div class="PAN2"> <input type="radio" id="pick2" /> contains only [object HTMLInputElement] the user can populate this field with a word or not. how to check at some stage if the field contains a (any) word?
jquery on keypress to calculate marks
Hello Guys.. I am new to jquery and I will be very grateful if you could help me. have a look at my code to better understanding it The javascript part <script> $(document).ready(function(){ var a=0, b=0; $(('input#a')[0]).bind('keyup', function(e){ a = parseInt($(this).val()) || 0; var c = (a + b); $(('input#c')[0]).val(c); }); $(('input#b')[0]).bind('keyup', function(e){ b = parseInt($(this).val()) || 0; var c = (a + b);
Progress Bar every 2 seconds
I have a working fiddle here to show progress bar but what I want is to load the bar until it reach 100% of its width every 2 seconds. this is the link Progress Bar Sample. Hope you can help me
Instantiating a jQuery plugin multiple times, triggers multiple click events.
I am writing a pretty simple jQuery plugin that slices `ul` and `ol` elements and appends a `More/Less` link to the bottom. The plugin works fine if I initiate it once on the page.but say if I've got to use it on different lists with different options and i instantiate it on different elements on the same page. It works, but a lil messed up. So say if I use it on 2 lists on a page. The first list gets Instantiated 2 times therefore making click events to be triggered 2 times, Now, if I add another
Go to url then hide/show div
Dears, HTML code is: <a class="first-l">First</a> <a class="second-l">Second</a> <a class="third-l">Third</a> <a class="redirect">redirect to second</a> <div id="main"> <div class="first"> <h1>First</h1> <p>Test-1</p> </div> <div style="display:none;" class="second"> <h1>Second</h1> <p>Test-2</p> </div> <div style="display:none;" class="third">
How to use more than one jQuery function/action?
Hello, I think my problem is just the way I am writing these two jQuery functions that is the issue, because my first one worked on its own until I tried adding in the second one - now neither will work. I don't necessarily want these events to happen at the same time, but want them both to happen, if that makes sense. Can anyone help me with how I am formatting this? <script> $(document).ready(function() { var bodyHeight = $('body').height();
Next Page