Searching a Rental Form
Dear Forum, I am searching a solution where users can see several products in categories, see the price, image and description and then choose which items he would like to rent. So a user should be able to rent camera x and a lense y and he see at the end the price and can choose the rental date from and to. after that he recieve a confirmation email and the rental company too. Can somebody help me to find a solution? The other thing is, it should be easy to manage the rental items..add new items,
Jquery Mobile 1.2 Popup Question
I want to open a popup window when a given page loads. I have tried the following code?: <script type="text/javascript" charset="utf-8"> $("#testView").live('pageinit',function() { $('#popupBasic').popup("open"); }); </script> <div id="popupBasic" data-role="popup" data-theme="a"> <p>Your changes were successfully saved.<p> </div> I get the following error when the page loads "activePage is undefined". The error is located on line 7109 "currentIsDialog = activePage.is( ".ui-dialog" );"
jquery click li
when we click each li it should display corresponding fruit name in an alert.... how to do it without changing the html structure <ul> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul>
Jquery Date Range for Internationalization
Hi, I am using date range picker to select date range to display report for a given time frame. This works great for english site. Now I want to see if I can use the same plugin for international date formats like arabic, brazil, Great Britain and French. Please help, and a sample code will be really helpful. Thanks.
Combining jquery show/hide scripts
I have 2 scripts that I am using and I haven't been able to figure out how to basically merge them into 1. any help would be much appreciated since I've come to a brick wall: The first script is a show/hide when pressing a Expand all and collapse all button: $(".hide").click(function(){ $(".screentitle").hide(); }); $(".show").click(function(){ $(".screentitle").show(); }); The second code I use is the image swap for slideToggle: $(".chaptertitle").live("click", function(){ $(".screentitle", this).slideToggle("fast");
Weird overlaping tab
Hello everyone, I am working o a project where I use jQuery UI Tabs, but unfortunatelly something is wrong. Content is generating on the go and it's kind a frustrating because 4 of 5 tabs are ok but last one is getting different style and overlap under proper content. Also I am using tabs on other part of site and it works perfectly. Just go and inspect css or jQuery at www.lokale360.pl This is ASP.NET code responsible for rendering tabs. #Ufff. <div id="adverts-tabs"> <ul> @foreach(var
facebook like box for blogger using jquery with delay
Hi All, I am using below code for displaying facebook popup like box for my blog.Currently it displaying as soon as somebody open my website.I would like to display the popup box after 3min.can somebody help to edit this code to achieve this below is my code <style> #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;}
problem with slidetoggle
In this website i try to use a navigation with a pulldown menu. Unfortunately i'm totally new to using js and i have no idea how to solve problems like this. May can you help me with either giving me instructions about how to solve problems generally or/and solving the given problem for me? Thanks <!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"
General Question about Javascript and PHP
When i normally code a site/app i always store variables in a php file called config and include it in the index and whenever i need the variable i just echo it! Like so $sitename = "SiteName"; <title><?php echo $sitename; ?></title> Is there a similar way of doing this with javascript/jquery ? I know this question might be a little strange but i am curious if any have an easier way or storing site variable and calling them whenever necessary instead of using php?
Page stay loading and disabled
I have not used Jquery until now y i like to know if some one can help with some issue: The point is that i like to refresh the full page content when the value of a list changes. The code was embeded insise a codeigniter app: The list box is as follow: <div id="id_municipio"> <select name="co_municipio" id="ix_municipio"> <option value="">Seleccione un municipio</option> </select> </div> The event used to control id_municipio changes is: <script type="text/javascript"> $(document).ready(function
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:
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
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".
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.
Next Page