How to create a Balance script?
I'm trying to do something very similar to this game.http://i301.photobucket.com/albums/nn42/playonlineflashgame/HomeRun.swf Although it's not a game, it's just a simple "balance" thing i'm trying to apply according to the movement of the cursor. Same idea as the link i've provided up there where the guy starting swaying left and right according to where your cursor is. I guess i'm not good with the physics/math to get the same effect as the game, so if anyone every build or done anything like that
New Widget
Hi, I started to develop a maskedit widget for jQuery. How can I apply this to be included in jQuery package and be tested. Thanks and more power.
Masonary Image load problem
I load the masonary in my page. but loads only after All images Load. Images load Down Down. Once all Images loaded the masonry Works my page is contained of 200+ images please help me $(window).load(function() { $('#mainmason').masonry({ itemSelector: '.rows', isFitWidth: true, isResizable:true }); });
Input type Image will loose its POST data
Hello, Thank you very much for the fantastic work on jQueryMobile. Unfortunately, I am encountering a strange behavior with input type="image" on my pages. I am using a tier application which creates dynamically pages depending on contect, something like a wizard. This tier application will let me apply Html templates so I can add reference to jQuery an jQueryMobile js and css: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.css"/> <script type="text/javascript"
Access html content loaded with jQuery's load() function
Hello, I'm a bit confused by how jQuery ajax works. I'm trying to create a customer management system (CMS) with jQuery and php. I want to give the user the opportunity to create a car. Let's say he must define a "car name" and check some options in a checkbox list. At the same page i give the user the opportunity to add or delete some options. This adding and deleting happens with jQuery and ajax. When a user add an option, i call a php page (addOption.php) that processes the option and add's it
Jquery slider. Visibility neighboring image
Hello. Tell ve please how remake this slider that user to see neighboring image. Original Demo My Variant I change width of image and width of container, that`s why image a little visible, but now image in slider shift.
Collapsible menu in the header (mobile web development)
Relative newbie at work here, so keep that in mind please. I am wondering how I would go about implementing the collapsible menu in the header at work in the following website: http://www.fcbarcelona.mobi/?lang=en# As you can see, the menu collapses below the header when clicked/touched on a mobile device. Is there alternative way the menu could drop down? Is this considered a good feature to have on a mobile website and if no, what are the better/most popular alternatives? I am working with Dreamweaver
center div vertically
Hi Guys, I am new to JQuery. Just started working with it last night. I need help. I need to center a div vertically, and I can't figure out how to do that. I am trying to get the height of the image dynamically, but when I use console.log() to view the value it always returns a value of 0. How do I fix this issue? I have inserted the code below: $(function(){ var ScreenHeight = $(window).height(); var ImageHeight = $('#bkgImages').height(); var ImageMove = (ScreenHeight-ImageHeight)/2 $('#wrapper').slideDown(500);
Help, who is ready for a challenge?
Hi to all Jquery 'Gurus', Here the thing .... <head> <title>Talking the talk</title> <meta charset="utf-8" /> <link rel="shortcut icon" href="css/images/favicon.ico" /> <link rel="stylesheet" href="../css/base.css" type="text/css" media="all" /> <link rel="stylesheet" href="../css/blue.css" type="text/css" media="all" /> <link rel="stylesheet" href="../styles-unique.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../css/prettyCheckboxes.css" type="text/css" media="all"
Newbie Cycle problem
I'm trying to figure out how to modify:http://jquery.malsup.com/cycle/ . Do I add the : $('#s1').cycle({ fx: 'zoom', easing: 'easeInBounce', delay: -4000 }); somewhere or do I modify the script somewhere? Also it says that I can modify the slide show by a metatag?
How to show all images from database by search query in a table one by one (Horizontally).?
Hi friends, I have images stored in database and in a folder and i want to show these images in Horizontal format one by one from a search query. I am able to show vertical format,But i am not able to figure out how to do this if any of you have any idea then pls help me out. thanks
playlist: switching audio tracks
I have several events which successfully replace the "src" attribute of my <source> tags in my parent <audio> tag. The problem I am having is that even though the new audio file has been changed, the old one still plays. I suspect there is more to this than simply doing $( 'source' ).attr( 'src', 'new_audio_file' ) I can post whatever code is needed if anyone is interested in helping me, but if there is just some method I can call that I am unaware of, then that might do the trick. The site in question
jQuery SVG: drag shapes & prevent overlap?
I've been using the SVG plugin from Keith Wood, which is awesome. I struggled with trying to implement raphael and other libraries until I found SVG and it's working very well. What I need now though is to make the drawn shapes (rectangles only) draggable. Also, I need to be able to prevent the user from drawing objects that overlap. Any ideas would be very much appreciated. Below is my code. It's mostly the standard SVG code for drawing rectangles, however, I've set it to snap to a 10x10 grid inside
Issue with attr()
I am having an issue with the attr() function not functioning correctly. I have the following html code: <ul data-role="listview" data-inset="true" id="searches"> <li class="swipe"> <a href="index.php?name=value" class="search" id="search1"> Example Search #1 </a><a href="#companySearch" class="editSearch" data-transition="slideup" data-icon="gear"></a> </li> <li class="swipe"> <a href="index.php?name=value" class="search" id="search2"> Example Search #2 </a><a
Jquery manipulation with previously jquery loaded data
Hello, how to do if I load some data with jQuery and again handle this data again with jquery? It is possible? Here is my example: ... ... <body> <h1>Test jQuery</h1> //jscript start// $(function(){ $("#img1").click(function(){ $("#img1").hide(); $("#target").replaceWith('<p id="target2">Hello</p>'+'<img id="test2" src="cross.png" alt="cross.png, 655B" title="Cross" border="0" height="16" width="16">'); }); $("#test2").click(function(){ alert("OK"); }); }); //jscript end// <img id="img1" src="cross.png"
How Can I work with form and ajax without an extern php file
Dear All, I am trying hard to update my localStorage variable. I need to delete a localStorage variable after a from is submited. My form is wihtin a dialog page. When I click a button, it opens a dialog box to confirm the deletion. Here is my form: <div data-role="dialog" id="supprimer"> <div data-role="header" data-position="fixed"> <h1>Supprimer</h1> </div> <div data-role="content"> <h4>Etes-vous sûre e vouloir supprimer ce module?</h4> <form id="JSON-formSupprimer"
how create a event scheduler application
please help me , how to create a event scheduler application using JQmobile
Add class to change font-family
I'm trying to update the font-family assigned to some classes. Unfortunately, the class doesn't seem to be applying and I don't know what I could be doing wrong. My script: $('div[class^="ls-wrapper"]').promise().done(function() { $('div[class^="lslide_wrap"]').each(function() { var clcheck = $(this).attr('class').substr($(this).attr('class').indexOf("in_") + 3); var acheck = $(this).children('a').attr('class').substr($(this).children('a').attr('class').lastIndexOf("in_") + 3); if
Datatable is preventing an Addbutton to get fired
Hi!When putting the code bellow in my code,and try to click on the addButton,the add button is not get fired but when I am removing it and click on it the addButton is get fired.This is the code I am using to load data with datatable: if (typeof ($ProductTable) == "undefined") { $ProductTable = $("#tabledisplay").dataTable({ "sPaginationType": "full_numbers", "bAutoWidth": false, "sAjaxSource": 'Handler/ServiceHandler.ashx', "fnDrawCallback": function () { if
Transfer value from a input text.
Hello to everybody, I need help to transfer a value from an input text to javascript function. This is my hidden input text: <input name='VarJs' type='hidden' size='10' id=VarJs' value='<?php $Id ?>' /> I'd like to transfer this value from php to js and then I'd would like to use it in another js function. Thanks in advance. Tegatti
JQuery cycle not showing on post pages
Hi, I believe I am using the JQuery cycle plugin on my blog. I am not certain as the template I am using was a free template that I modified. I can't get the featured content slider to show up on my post pages. On my index page http://www.still-blushful.com you can see the content slider working perfectly (on the top of the page). But then on post pages it doesn't show up as you can see here: http://www.still-blushful.com/2012/10/giveaway-moth-tastic-with-macs-moth.html I can't figure out why. I
datepicker date range returndate
Hello, After selecting the start date end date is automatically opened and closed demo : http://biletreyonu.com/dp/index.html $(function() { // $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 2, minDate : 0, onSelect: function( selectedDate ) { $( "#to" ).datepicker( "option", "minDate", selectedDate ); $('#to').datepicker("show"); } }); $( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 2, onSelect: function( selectedDate ) { $( "#from"
Drop and Drag on clone table rows doesnt work
Hi, Is there someone that can help me. I clone my table rows, which is this var row = $("#sort tbody>tr:last").clone(true); row.find('.content').append('<td id="drop" class="drop"></td><td class="item"></td>'); row.insertAfter('#sort tbody>tr:last'); return false; And i succed on this. my problem is when i try to drop on my clone table rows. i cannot drag and drop there. On the other side, the original table rows has no problem on drag and drop. Kindly see my drop and drag code:
Do I need to add callback=? or ?callback=? for my url to work using Jsonp
I'm trying take the json response being returned from this web service and dump it onto a webpage. However for now I was trying to simply start small and see if I could print out just the total. Since nothings happy I'm sure there's something wrong, but I'm not sure where??? I'm assuming it's something to do with the url??? <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script > $(document).ready(function($) { var url = 'https://www.sciencebase.gov/catalog/items?parentId=504108e5e4b07a90c5ec62d4&max=60&offset=0&format=jsonp';
Trigging jQuery without a specific event
Hello Folks: Hoping to get some help with a small problem. The problem is outlined below: I've a registration page which shows different groups of fields for different types of registrations. So... a user must first choose the registration type, and then a jQuery function shows the appropriate fields. The user enters data and POSTS it to the same .php page. php validates data (I'm not using jQuery to do the validation because I don't want to send passwords through jQuery). If php populates an $errors
IE8 icons missing in custom theme created with ThemeRoller
I am creating a custom theme with ThemeRoller in Internet Explorer 9. When I apply the custom theme to my site, the icons are missing from all the buttons on all the pages in Internet Explorer 8, but not in other browsers such as Internet Explorer 9, Safari or Android ICS. The icons are displayed as white squares. Steps to reproduce the problem: 1. Start ThemeRoller. 2. Click inside the Icon DISC COLOR or DISC OPACITY settings on the Global tab (you don't need to actually change the settings).
can't auto-scroll bootstrap js modal
I am using the modal from bootstrap js. I would like it to automatically scroll to a particular element within the modal but nothing I've tried works. I've been trying something like this: var pos = $('#myModal.elementClass').offset().top; $('#myModal').closest('body').scrollTop(pos);
Logging via $.jog — easy to use, lots of power
I looked over the existing logging packages and none of them were sophisticated enough for my needs, so I wrote another one, $.jog, available at http://kcrca.github.com/jog/ Jog is a JavaScript/JQuery logging package for application logging, analogous to Java packages such as log4j or java.util.logging. It allows you to separate your logs into various areas so you can turn on the logs of one area without seeing all the others, especially those of plugins or other packages you may be using. Using
Horizontal twitter ticker
I'm looking to create a simple ticker that scrolls from right to left, but the only catch is that it needs to be dynamic. I need for it to add an item to the ticker (that's already been loaded) when a javascript function is called (basically it needs to queue items to display next and have the ability to manipulate what will show next). I don't know where to start. Any suggestion?
Using Ajax to pull an html file in to a jQuery code
Hi there im trying to use the jQuery news ticker (Found here: http://www.jquerynewsticker.com/ ) to load data from a feed html file using the following code: <ul id="js-news" class="js-hidden"> <div id="news-item"></div> </ul> <script> $("#news-item").load("latest-news2html.html"; }); </script> The reason im doing this is that im working on a website for a friend who needs to be able to edit the ticker content, but the CMS her site is on doesnt recognise the ticker or allow you to make
how to use single jquery minified versiion instead of multiple
I am new to jquery. Actally in my website two jquery gadgets are using of using two different jquery minified versions. if I use both my webpage size is increasing. how to reduce my webpage size?
Load xml, clean it, save to new xml file on server.
I am relatively new to programming, so please be kind and detailed. My entire point of this prototype page/code is to load an xml file, look for a target parts of an addresses, remove that xml node at an ancestors level and save the file back the server with a different name xml. I have everything working except it seems I can only post the xml .text() but I really want the full xml (with tags) to go to the php page to write the xml file on the server. The code is currently bloated with check points,
1.2.0 Popup demo in the docs is missing some pages
If you go here: http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html Try the popups ('Scaling Images','Map + video iframes' or 'Overlay Panels') in this sextion: Advanced popup techniquesThe three files for the above popups are missing and you will get a 'Page Not Found'...
Memory Leak on jQuery's attachEvent
I posted the question below as a problem in a new post: https://forum.jquery.com/topic/memory-leak-on-jquery-s-attachevent-9-10-2012 Hi all and thanks for taking the time to read this. I've been struggling for a long time now to try solve what I believe it's a bug on jQuery library. First, the memory leak I've identified is only applicable to IE and I tested on IE 7 only. I used IEJSLeaksDetector to identify the leak point and it points me to this portion of jQuery js file: // Only use addEventListener/attachEvent
Why this $.post() does not call the target php function?
I cannot for the life of me see what is wrong with the $.post call. This used to work, so I'm baffled as to what caused it to break. I am trying to use $.post() to pass two parameters, which are used to retrieve some data values in a database call, in the fetchAlleles.php script, then assigns them some id's in the page. When I step through the code using a debugger, however, I am unable to step into that script, and the variable "result" is never defined. If anyone can point out the error, I would
Need Advice for an Mobile app from Community
Hi guys, I need to create an app which contains an webpage that has a canvas and a sidebar . The sidebar should contain few components of different sizes .The basic idea is to create a scrabble like game where users can drag and drop few components from the sidebar onto canvas . Can anybody please advise how this can be accomplished ? Thanks in advance
if class changed than do ....
Hello, i need a solution for this: if('#myelement').hasClass('myClass'){ do anything } This would only be checked at the Loading of the page, but the class will be added through javascript. How to solve this? And i can't write a setTimeout because the "do anything" plays a video". I need a solution like "if changed or .live ?! thank you
problem with receipt of custom event
Hello, in Jquery 1.6, I create a new window, and in that window I create a custom event, triggering it when the window closes var evnt = jQuery.Event("previewWindowClose"); jQuery(window).bind("onunload", function() { window.opener.jQuery(document).trigger(evnt, {"layerID":"' + layerID + '"}); }); in the main window, I bind a handler function to the 'previewWindowClose' event. jQuery(document).bind("previewWindowClose", function(evnt, evntData) { alert("handler called");
Getting phone number of the device???
Is there any way to get the phone number of the device without having to ask the user? Are there any permission prompts in place to collect more data about user's device without requiring them to type in? I should be able to collect some information about the client using javascript, but is phone number one of them? What are the limitations, Pros I appreciate your time, and any guidance you provide.
Reading a JSONP array
Hello there. I have an ASP page witch generates me the following JSON: jQuery182022068346734158695_1349456086955({"pr_codigo":"P111528 ","cr_codigo":"210373","serie":"02","turma":"0101","ma_codigo":"06129","sigla":"ARTE E CUL"}{"pr_codigo":"P111528 ","cr_codigo":"218623","serie":"01","turma":"0101","ma_codigo":"05664","sigla":"DESENHO CO"}); And i have the following JavaScript function that will read those JSONS $.ajax({ url: myJsonUrl, dataType: 'jsonp', success: function(data){ alert("sucess");
Next Page