jquery drag and drop
hey all, is it possible to use the tableDND and link rows together? I have used a repeater instead of a gridview since each database record spans over 2 rows. I would like to use the tableDND plugin on this repeater but i would need to be able to link 2 rows together so that if you drag and drop either of these rows, they will stay together on their new location. Does anyone know of a posibility to do this?
Hide content below h2 tag and make it toggle by clicking the h2
Anyone having a good idea? I would like to hide all content below h2 tags and bind a function to each h2 that toggle that hidden content below the H2. The content below h2 could be div, ul/li, a, table and so on. It could also be plain text without a tag. Example: <h1>Title</h1> Intro text <div> <h2>header 1</h2> Some text 1 <ul><li>Some text 2</li><ul> <p>Some text 3</p> <h2>header 2</h2> Some text 4 </div> Some text 5 I would like it to render like this Title Introtext
Webpage redirection time
Hi all, I want to calculate time consumed in redirecting from 1 webpage to another webpage. For Example: 1) I am using Facebook in Google Chrome browser. I have shared 1 link on my Facebook profile like below: http://www.webdeveloper.com/ (It's not only Facebook. It can be any domain having link to another domain). 2) When I click on this link from my Facebook profile, then this website will open in new tab. 3) I want to calculate time difference in miliseconds or microseconds between below two events:
Problem with virtual viewport size on Windows Phone 7
So I recently started making SlideShare mobile compatible with Windows Phone 7 browser. I am having issue with virtual viewport width property of the browser. By default, I use this meta tag for setting the device width and setting the initial and maximum scale <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> This works fine in iPhone 3GS (320x480), Devices with 480x800px resolution and bigger tablets but doesn't work in Windows Phone 7.
Windows Phone 7 JavaScript doesnt work
I have created a mobile Application with ASP.NET MVC 4 and jQuery mobile. It works fine on Android and i Phone but there are different Problems when running it on a Windows Phone 7 . The Java Script on Checkboxes doesnt work... has anybody an idea ... The Site is Qr-Joker.de....the Problems are on the Login/Register Page...
Autocomplete throws all results on the screen after submit from form.
Hi, I'm trying send from a div towards iframe, a form's value and when iframe shows up, it take every value from autocomplete. I know where come from the problem, but I can't make it work in other way. This is the code where form is, very simple: <script type="text/javascript"> $().ready(function() { $('#searchFor').autocomplete({source:'functions/printNameServers.php', minLength:2}); }); </script> ... ... <form id="formSearchFor" target="mainIframe" action="mod/showServer.php" method="get">
Page doesn't refresh unless I use data-rel
I am setting up JQM for the first time for an internal business app and having an issue with page refresh. I have a page that grabs a still from a webcam when the page is loaded so the page has to refresh every time its loaded or the web cam images will be stale. If I use a link like in #1 the page refreshes normally and reloads the images but I don't get the fancy effects with page transitions. If I remove rel=external if does not refresh the page and the images are not reloaded. I am using
Native App ? Jquery Mobile + PHP + mySql ? JSON ?
Hello folks, I am totally new to jQuery Mobile, native apps and JSON issues. So forgive me if this question is so simple to you guys but I could not find any answer to my specific question at anywhere since now. What I have learned so far is: A native iOS app could be written with jQuery Mobile + HTML5 and can access to phone specific things (like cam, gps etc.) with Phonegap and can be compiled with it to put on the AppStore. My scerio: I will have a website where I will sell some sort of boutique
Help how to stop video
hi, I am using jquery mobile , when I close popup, the video continues to play... have any solution? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Aplic. Web de jQuery Mobile</title> <link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> <script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script> <script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(e)
when i was loggin to the application,the cookies will deleted automatically.
when i was loggin to the application,the cookies will deleted automatically. i need that code how i solved that problem?
Cycle: How to delay click functionality...
On my slideshow, if the slide is clicked it will pause. But I want to delay the ability to click-to-pause until after the first slide transition. Right now the "#slideshow" div is clickable as soon as the DOM is ready; too soon for me. An abridged version of what I have now: $(document).ready(function(){ $('#slideshow img').toggle(function() { $('#slideshow').cycle('pause'); }, function() { $('#slideshow').cycle('resume'); }); $('#slideshow').cycle({
white Space after the content
I cannot remove the white space appearing after the content, my Jquery code was too long however i did manage to reproduce the problem with a less code : http://jsfiddle.net/uQC9U/ . i have tried this : http://stackoverflow.com/questions/1170048/solution-for-extra-space-in-div-element and http://stackoverflow.com/questions/11908635/jquery-mobile-bottom-space . <html> <head><link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> <script src="http://code.jquery.com/jquery-1.6.4.min.js"
MULTIPLE forms validation with single function
Hi there This is my validation function , it works fine when there is one form and when there are more than one form in single page its not working . <script> $(function() { $("form").validity(function() { $("#name").require(); }); }); </script> My forms are like <form action="#" method="post" id="first form"> <input type="text" id="name"> </form> <form action="#" method="post" id="second form"> <input type="text" id="name_othername"> </form> can anyone give me suggestions, how to call the first
ELASTISLIDE for beginner ?
Hi ! I use ELASTISLIDE but I need to know if I can add ONCLICK start YOUTUBE VIDEO in the large image ? by default : if you click on small image that open LARGE IMAGE but if I click on large item for the moment it do nothing :( By the way if you have another JQUERY code for youtube video. Example : I have all image in caroussel autoplayed and when you click on that start youtube video in frame? THANKS IN ADVANCE TO HELP ME. nicK
How to retrieve which link has been pressed?
On my webpage I've got a couple of links (in this example two), when one of the links is pressed the Jquery will notice the click. Now I need to alter my coding so that I can retrieve which of the links has been pressed and pass that information to my php script. Problem is that I don't know how to retrieve which link has been pressed.. I hope someone can help me out with it.. My coding: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
Tab caption appears in multiple places but not as a true tab item
Hello all, On upgrading to JQuery U 1.9.2 I am seeing some odd behaviour relating to adding tabs (see graphic below where "GSE-0002" should only be present in the top tab container. What's really is odd is "GSE-0002" also appears in the tab containers below the main tab although they are not displayed as standard tabs. I have replaced the "add" api call with the new recommendation: Old call: // $(tabs).tabs('add', "Project.html", sPID); New Call: $("<li><a href='Project.html'>" + sPID + "</a></li>").appendTo("#tabs
Mask not reapplied on page load
I am using jQuery in a .Net web app. In my app, there are some controls that cause a page load and this causes the formatting for my phone textbox to be lost. How can I apply a mask to my textbox and have it stay applied on postbacks? I have this phone mask as the first line inside my script tags. $(".jqcPhoneMask").mask({ mask: "(###) ###-####" });
bind images to Datalist from folder using Json and Jquery
I want bind images to Datalist from folder using Json or Jquery in asp.net
A new tag manager
http://soliantconsulting.github.com/tagmanager Tom
Collision Doesnt work with place_box Active, On Div
Hey guys im trying to wrap my head around some jquery stuff i seem to have found the issue within place_box() affecting my code. Issue is i was my dragable/movable div to stay within the wrapper. but when i enable the Event key_handler() to move the div with WASD i am able to sneak out of the div! Any help would be awesome. Thanks I have attached the example code, Now if Place_box() is commented out it work great on the drag but then the WASD movement keys just dont work! Thanks
HTML checkboxes in Tab cause JaveScript runtime error with unhandled exception
This tab is one of 6, living inside a dialog. Selecting any of these checkboxes causes : unhandled exception at line 4679, column 2 in jquery-1.8.2.js0x800a139e - JavaScript runtime error: Syntax error, unrecognized expression: Trip: Note that the unrecognized expression is the name of the check box, in this case "Trip". Can someone point me towards a solution? Robert TIA <div id="tabs-6"> <h3>Purchase</h3> <p></p> <form method="post"
either return variable to global or if/else statement
I have searched everywhere for a simple solutions to my problem, but can't seem to find it. I have a form with a drop down box and then multiple text options after that. The drop down box take the value and runs through a switch statement assigning values that are then plugged into the rest of the text boxes. The problem I am having is being able to change the value of each of those text boxes, independent of the drop down values. $(function() { $("#soiltype").change(function(){ var
suddenly dialog shows only black page
Suddenly all my dialogs are not showing. The background is turning black but the dialog is not showing. When I click the back link in the browser, the URL changes but the page does not. I used the web inspector to make sure the markup was being rendered and it seems it has. This change is happening for all my dialogs and I have not changed them. I have now stripped out all by the most essential js code and it did not change anything. I just don't see anything wrong and I am not sure where to
Calling Jquery Functions based on media Queries and Viewport Size
I have a jquery function which is running perfectly on my website and it hides and shows a hidden dive which contains an inline-block list. <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.noConflict(); jQuery('#mdiv').click(function(){jQuery('#subNav').slideToggle(1000)}); jQuery("#subNav").mouseleave(function () {jQuery('#subNav').slideToggle(1000)}); }); </script>Now I am trying to create a responsive web page and responsive CSS navigation for smart phones using media
id iteration through Numbered div's
Hi All... So this is one of the code provided by api of jquery http://api.jquery.com/id-selector/ This is the code Example: Finds the element with the id "myID.entry[1]". See how certain characters must be escaped with backslashes. <!DOCTYPE html> <html> <head> <style> div { width: 300px; float:left; padding: 2px; margin: 3px; background-color: #EEEEEE; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="myID.entry[0]">id="myID.entry[0]"</div>
Tooltip arrow isn't displaying properly when moved to left side of tooltip (jQuery UI 1.9)
I'm using a speech bubble style tooltip based on the jquery ui tooltip widget 'Custom Styling' demo, but I'm having trouble properly displaying the arrow when I need it on the left side of the tooltip instead of on the top or bottom. Can someone help me fix this code (it cuts off the tip and displays too large a section of the arrow)? <style type="text/css"> .ui-tooltip.menu_info { max-width: 200px; } * html .ui-tooltip { background-image: none; } body .ui-tooltip
Having trouble using Cycle Plugin to make a clickable slideshow
Hi, am very new to jquery...am wanting to use the Cycle plugin to set up a clickable slideshow, which will advance *only* on click. I believe I would use this option but am not sure how to set it up: prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide Here's the code I've been trying to use, but it's still progressing automatically. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <!-- include
Problem using jquery mobile themeroller
I'm having an issue using the jquery mobile themeroller. I created a theme using the themeroller, downloaded it, and added it to my project as instructed. Unfortunately, something has obviously gone wrong in the process. Here's an imgur gallery with a screencap of the result and of my code: http://imgur.com/a/GyOZj And here's the themeroller link: http://jquerymobile.com/themeroller/?ver=1.2.0&style_id=20121130-101 Any help would be appreciated, thanks.
Help completing this small piece of code for a slide effect
The following code allows a user to click an anchor tag and the next slide box appeares and so on.. but I need it so that when a user clicks the same link more than once the box shouldn move twice. I hope this makes sense. How do you do the stop event for that. Any suggestions? Thank you $(function () { var current = null; $("#aOne").click(function () { newSlide($("#div1")); }); $("#aTwo").click(function () { newSlide($("#div2")); }); $("#aThree").click(function
How can I scroll to top of upward opening accordion content after it opens?
So I have an accordion whose head is positioned at the bottom of a slide in a slideshow. When clicked the content opens upwards but if on a small screen, like a phone, the top of the content overflows to the top and will require scrolling up. I'd like to have it scroll up automatically after it opens. Here is the link, the accordion button is EXTRA at the bottom, http://apps.rcu.msstate.edu/connections_online/test/stories/10/index.html Any help is much appreciated, Joey
Help Needed to Solve "slideshow" Issue with hyperlinks
I am designing a website using jQuery slideshow. All categories on the menu have sometimes four or five "pages" ( <div> ) that are controled by buttons to create the filling of navigating. However, by clicking within any part of the text can also move the user to the next "page". Some of those"pages" have hyperlinks that by clicking will redirect users to go to a new browser window. The issue I have is when user clicks on those hyperlinks the immediate action is to take them to the next "page".
Magnifying glass icon in <input type="search" ...> does not appear
I'm hosting the jquery libraries locally. The magnifying glass icon does not appear in search boxes on my site - it's just a whitespace. But the icon does appear when I view the Form Gallery in jQuery Mobile Docs using the same browser. What's the problem here?
unbinding buttons then binding with settimeout
I am trying to disable my buttons after clicking, which slide div's in to view, Then activating them after a second or two. I have given all my buttons the class all_buttons. I thought this would work. $(".all_buttons").unbind('click',function() { setTimeout(function(){ $(".all_buttons").bind('click'); },3000); }); Would be great full for any suggestions.
Hi..
Hi All, I wanted to a autocomplete textbox just like the one in http://www.flipkart.com/.So I am using autocomplete() function to do that.Source for the autocomplete() is a web service which fetches relevant data from DB.The code I am using for autocomplete is below: $(document).ready(function () { $('#<%=txtSerach.ClientID %>').autocomplete({ source: function (request, response) { $.ajax({ type: "POST",
onfocusout disable onsubmit?
'll describe and post the code. Like you can see in the post above, I have three textbox, but only one can be functional at the time. And I need that the validation occurs only on submit and only with one button. I added everything they say we need, like Class cancel to the buttons I don't want to do validation. And I addedonfocusout:false, and onkeyup:false to make only theonsubmit validating. If I put onfocus: false, don't do any validation at all. And the class don't cancel the validation. Don't
checkbox label style updating then reverting
I have a script which is supposed to be adding a class when a checkbox in a checkboxlist is checked and removing it when the checkbox is not selected. When I click a checkbox the style IS added BUT it immediately changes right back. Here is the script. $(document).ready(function () { $("#cbxarea input[type=checkbox]").click(function () { if ($(this).is(":checked")) { $(this).siblings("label").addClass("checkboxselected");
Question about file upload
Hello, I'm working on a project using jquery mobile, and need to support file attachment in my application (being accessed via url on mobile device). I tried to use jquery.fileupload.js and jquery.iframe-transport.js for file upload, it seems to be working fine. But would like to get confirmation if these plugin can be used for jquery mobile. Appreciate your input!
Carousel like Carousel Evolution from Codecanyon
Hello guys, I'm from Brasil, so please apoligize my english.I need Help to make a Carousel like this http://codecanyon.net/item/zoomshowcase-a-jquery-banner-rotator/full_screen_preview/302047 (but jast with images, dont need of descreption now.).I make a implementation but the animation is not very good. Please if you have a answer for this question help me.i have one plugin that make something like this, but when i put the site up( whith other javascript codes that i need - things of the system
IE7 radio button issue when created dynamically
I have an issue in IE7 when I am creating clones of radio buttons. I am dynamically updating the name and ID attributes, however, I still have the issue that a radio button being checked resets any of the others which have been created dynamically. Any idea how this can fixed? Here is a fiddle of the issue This is the JS code which manipulates the form fields: // Dropdown select $('#quantity').live("change", function(){ $('.questions_clonable:not(.questions_clonable:first)').remove(); // Get value
Modal screen not overlaying flash ...
Hello, In using google chrome and IE. The modal screen is not overlaying flash. And if any animation is occurring underneath the modal, the animation overlays the modal screen ... Any thoughts (besides, moving to Alaska and working on a fishing boat).
Next Page