jquery colorpicker help
heres my html: <p class="colorp"> <label for="color1">color1</label> <input name="color1" id="color1" type="text" size="10" value="ff0000" /> <img src="images/icon-color.png" /> </p> <p class="colorp"> <label for="color2">color2</label> <input name="color2" id="color2" type="text" size="10" value="ff0000" /> <img src="images/icon-color.png" /> </p> heres my jquery: $('.colorp img').ColorPicker({ onBeforeShow: function () { $('.colorp img').ColorPickerSetColor($('.colorp input').val());
Checkbox change ajax call
Hello guys, I'm having problems with jquery and checkboxes.. I've been trying and debugging for some time now, but I can't fix it. This is my current code: <script type="text/javascript"> $(":checkbox").click(function() { $("#jquerysearch").submit(); }); </script> And this is my form: <form action="<?= base_url();?>getSearchResult" id="jquerysearch"> <input type="checkbox" name="chatlanguage[]" class="styled" /> The form action url is a non existing url so if it works well I would
Changing classes of list items depending on the amount of them and current class name
Hi, I'm trying to create a list that contains items which are filters for a search. The list shows 10 items (max) on the page load. if there are more than 10 it changes the class of the elements > 10 so they are hidden, and a 'show more' link is appended. Now if the user has 'unhidden' the previously hidden items and then chooses one, I want the class for all those previously hidden items to change until the user has deselected that item. e.g. 13 items in list user 'shows more' user selects item
looking jqm freelancer
hi there, where could i find jqm freelancer to finallizing my jqm page?? thanks info@portrait-malerei.com
Wrapped Set: "Brother" Selector (with :first parameter) doesn't work
Hello Everybody, Since I'm new in this forum, I would like to introduce my self first. My name is Luciano Daher, I'm speaking from Brasil (with 's') and I would like to ask about an issue I'm facing here. I've read "jQuery in Action" as a tutorial, and, at the end of the chapter 4, the book presents a sample script called "bamboo.html" (is about a Chinese Restaurant). I've tried to reproduce the same sample myself, but, when I use the following wrapped set (bold text) within the anonymous event handler
jQuery mobile with jQuery Calculation Plug-in (v0.4.08)
hello, i have been using jquery mobile without any problem. recentely i wanted to add jQuery Calculation Plug-in (v0.4.08) but am struggling to make some calculation in a form can anyone help me!. Problem: or the jquery mobile is short ciruited or the calculation plugin! Any advices Thanks
Accordion and Tabs
I'm trying to get a jQueryUI accordion working inside jQueryUI tabs. I've read of people having problems and have found several posts which have reported success from initializing the accordion inside the tabs' 'show' event, but when I try this I just get what looks like two half-styled tab headers and no accordion functionality. I have the following in my page load event: $().ready(function() { tabs = $('.jqTabsStandard').tabs({ show: function(ev, ui) { $('.ingredientsAccordion').accordion({
Help me please
i have downloaded JQuery and put into the same folder as the file i am working on and whatever i do JQuery will not work here is my code <script src="JQuery.js"></script> <script> function fadein(){ var box = document.getElementById('light'); box.style.display = 'block'; $('box').fadeIn('slow'); var black = document.getElementById('fade'); fade.style.display = 'block'; } </script>
Uncaught SyntaxError: Unexpected identifier
Can anyone please help me sort this out? I have a html form, I want to save data inside a list's <option> elements in order to execute a script when a use changes his selection. The code looks alright to me, but the browser always stops complaining a Uncaught SyntaxError: Unexpected identifier error at line 60. Line 60 is the following: $("option[value="HOUR"]").data({step:1,steptype:"h"}); And the HTML element it should address is: <select id=DIM_T> <option value="HOUR">Hour</option> <option value="HOURS3">3
Hover slideshow
Sorry, i am bad in Eanglish. How i can put more pictures on button. http://spektras.websoftas.lt/ Now is just two img. I need like slideshow. i used this script $$.hover(function () { $$.stop().animate({ opacity: 0 }, 250); }, function () { $$.stop().animate({ opacity: 1 }, 250);
Error using jQuery 1.5.X and Firefox 4
Hi! I updated to firefox 4 and ran in to a strange problem that some of you might better understand ... Problem I have a pretty complex page developed using jQuery 1.4.X --> 1.5.X and the page works withouth any errors in IE 8, IE 9 , and Chrome 10 but fails with error in FireFox 4 when using jQuery 1.5.X but is working when using jQuery 1.4.X The code failing is returning the following error : $(".spSelectList_item").css is not a function The Code below is failing when using jQuery 1.5.X and FF4
Not a programmer - Please Help, Please - Question about multiple jQuery scripts on home page
Greetings: This is my first post here. I am a Realtor and have designed a layout for our new website. It includes a few jQuery elements that I found at this website http://flowplayer.org/tools/scrollable/index.html. The XHTML/CSS companies I have contacted to convert the PSD, have told me that the multiple jQuery elements will both slow down the loading of the home page and will conflict with one another. Is there anyone that can tell me if there is a certain limit as to how many scripts is too
Disabling Mousemove Scrolling?
Hey everyone! I am making a website and am having a key issue. The site uses an image gallery script that sets the thumbnail image as the background of the page and enables the user to see the various parts of the image by moving their mouse across the page. When they click a thumbnail the navigation and thumbnail images disappear as well and are reappear via a "view thumbnails" button. What I want to do is disable the mouse moving scrolling when you click the view thumbnails button as well, but
Generating random aswers data for multiple choice tests form the question/ answer pairs.
Hello i would like to use the following list as a template for generating multiple choice tests. <ol > <li > <p>QUESTION</p> <ul id="ula"> <li class="correct">CORRECT ANSWER</li> <li class='inc1'>incorrect</li> <li class='inc2'>incorrect</li> <li class='inc3'>incorrect</li> </ul> </li> </ol> I store test data the following way: <div id='cont' style="display:none"> <span ><h3 class="q" id="q1">question1</h3><h4 class="a" id="a1">answer1</h4></span> <span ><h3 class="q" id="q2">question2</h3><h4
jquery.ui.datepicker.js (Month picker) in FireFox
In this library in the function _generateMonthYearHeader why diference with Firefox in the code? if( ! $.browser.mozilla ){ html += inst.yearshtml; inst.yearshtml = null; } else { // will be replaced later with inst.yearshtml html += '<select class="ui-datepicker-year"><option value="' + drawYear + '" selected="selected">' + drawYear + '</option></select>'; } if only use month a year select in the witget in firefox generate
jquery Multiple File upload Plugin
Hi , I am using JQuery Multiple File upload Plugin ..Is there an way to pop an alert message with the number of files he/she has selected after clicking submit button to submit files.. Thanks in Advance.. Kiran
Validation plugin and issue with numberOfInvalids and remote validation.
I'm trying to hide an 'errorContainer' when there are no more errors. However, when using remote validation, it appears that the number of invalids is not set correctly when I tab out of an 'email' text field. When I have focus on email (first input in my form), I can enter a valid email and tab out. The 'unhighlighted' function is called and console displays: Invalids: 1 but then onfocusout is called and console displays: emailAddress undefined At this point, I'll be in the next input field (emailAddressConfirm).
BlockUI overlay theming
Hello, First, thanks for a great blockUI plugin! Very nice stuff. I'm trying to write a themable JSF (JavaServer Faces) component for this plugin and figured out that the overlay is not really themable. Only "backgroundColor" and "opacity" can be adjusted. The overlay div has two classes at the moment <div class="blockUI blockOverlay" ...>. I propose to use "ui-widget-overlay" class instead of "blockOverlay" (or in additional to "blockOverlay"). The overlay div looks like then <div class="blockUI
area tag using rect - poly
hi guys...i am having problem with this code i downloaded.. in this code,it only uses a rectangle..i want to use a poly in an area tag. the code in rectangle is like this: i dont know how to rearrange the code for the poly. Please help me guys...Please var areacoord = $(this).attr("coords"); var areaalt = $(this).attr("alt"); if (areaalt != '') { areaalt = areaalt.replace("'", "’"); areaalt = areaalt.replace('"', '"'); } var areaclass = $(this).attr("class"); if (areaclass != '') areaclass
Is it impossible or am I not lucky enough to get an answer after a long search: how to validate optional fields with default value?
Hi, I made some changes to the following example: http://docs.jquery.com/Plugins/validation#Example <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <style type="text/css"> * { font-family: Verdana; font-size: 96%; } label { width:
How can I call a method from my current class using keypress ?
Hello, I have the following code in one of my pages. My problem is caused, because the method "processEvent" is never called, but I have no idea why. I guess it is broken, because I don't relay the "this" object correctly. Any ideas? <script type="text/javascript"> var MyClass = function() { this.init = function() { $("mydiv").keypress( this.processEvent ); } //////////////////////////////////////////// this.processEvent = function( event ) { // Something
Issue with detecting phone orientation for android - infinite loop
I need my mobile site setup that landscape and portrait orientation is detected. Initially I am just using alert messages to test this. This doesn't seem to be a problem on the iphone or the blackberry torch - I get a single pop-up displaying the correct rotation when the phone is turned. However, on the android the pop-up functionality gets into an infinite loop with the pop-ups. I've tried 3 methods as shown below but I get the same result in each. Test 1 detectOrientation(); window.onorientationchange
Can you use SASS for creating the JQMobile CSS theme files?
Hi, I'm wondering whether you have considered creating the UI theme for the new JQmobile using SASS (sass-lang.com). It has been used by Sencha Touch and JQTouch is also planning to recreate their CSS themes using SASS. I think SASS would make it a lot easier to create and maintain custom themes, e.g. that mimic the native UI of a phone. In addition there would be the added benefit of being able to exchange designs between Sencha and JQmobile. What are you're thought on this? Thanks Jay
Show different image on hover
Dear JQuery peeps, I'm having some trouble with the following construction. I have a worldmap image with an image map where you can hover over a few countries. When you hover over a country a pane will slide down and show an image about the country. Now this is all working well except for the following. When you hover over a country and quickly hover over another the pane will slide back up and after the slide it will slide back down. All well except for the problem that the image change will start
.append() does not insert the closing tag, WHY?
Hy everybody, if i use this code: var liTemplate = '<li class="ui-state-hover">' + '<div class="imageDiv" style="background-color:#d2ca68; background-image: url(uploads/' + sessionObj[i].imghash + sessionObj[i].thumb + '.' + sessionObj[i].ext + ')>' + '<div class="delButton">' + '<img class="delImg qq-upload-cancel" src="images/close_button_red1.png">' + '</div>' + '</div>' + '</li>'; $('#unsignedList').append(liTemplate);The
Problems trying to pass an array
Okay I have some PHP code that currently works by; creating an array 'values[indexed by ID's of packets]' as the name tag in the form below. (forget the syntax ive removed alot to fit in this post) the important thing to see if Input Types are in a loop at there can be any number of them, the text fields are put in an array which is indexed by $packet['piid'] <?php foreach($packages as $packet):?> <input
Form submit e result() call sequence in autocomplete
I have an input field that with autocomplete with mustMatch option because i want that what is input is exactly in the list. Input field is valued from result call-back function: }).result(function(event, item, formatted) { if(item){ $(this).attr('name', item['@type']); if($(this).val()!=formatted) { $(this).val(formatted); }
Draggable - how to drag out of a DIV?
Hi, I got a layout and wanted to put a draggable and droppable in it, but I cannot move the draggable DIV-s outside. The layout: <div id="layout"> <div id="menu"> <div id="accordion"> <h3 class="lvl1"> <div class="lvl1 lvl"> <div class="material u303" title="U303"> <div class="material u321" title="U321"> <div class="material u129" title="U129"> <div class="material u622" title="U622"> <div id="gallery">
Conflict between my jquery Nav and Fancybox
Hi All, I have a website which uses jquery for the nav and then i also want a fancybox pop up within this page. There seems to be a conflict between the Nav and Fancybox but im unsure how to fix it. the page is here... http://bit.ly/h2YLsN and the link is the Make a booking link. please if someone knows how to fix it i would be very greatful. thanks Craig
Input field needs several touches
I'm using jQuery v1.5.1 and jQuery Mobile v1.0a3 and have the following markup: <div class="testfield" data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </div> This works totally fine if I load it on a common desktop browser. However if I load the page on a mobile device (tested on iPhone 4 and Android v2.2) the input field needs to be selected ("touched") several times until the native keyboard shows up and I can edit the
[Accordion] prevent the opening sections with a condition
Hi, I would like to block the opening sections of the accordion after a condition. Is it possible? thanks
blank page on firebug?
Hi guys I run these codes below on firefox with firebug and the page goes blank? By the way I run the codes on safari without firebug and i see the page. <!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"> <script language="JavaScript" src="js/default.js></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
jquery contextmenu, how to disable an action only on one LI item?
Hi all, I'm using the jquery contexmenu plugin which is working very well. As you can see in the demo, it's easy to disable action(s) in a global way -on the full set of lists . But actually, I'd like to disable an action only in one of them : looking at the demo again, I want, for example, to disable the delete action on the first LI. But i don't know how to do that. Any help/idea is welcome thanks in advance simo
Vertical slider
I need to create a vertical slider to be working on mainly android and iphones. Any updates regarding vertical sliders? Can it be done with jquerymobile?
Slider dragging not working in Mobile Firefox
I just loaded the newly released Firefox Mobile for Android and went to the JQuery Mobile Demos. I noticed that dragging the slider doesn't work because Firefox Mobile actually has some functionality for swiping/dragging from side to side so the only way to set the slider value is to tap on either side of the slider ball which isn't very precise.
Trouble with DOM traversal.
I am trying to write a function that will allow me to capture the ID of the next target down the dom to the span that is clicked. Assuming the class of all the target containers is "target" Given this <wrap1><span1><span2><span3></wrap1> <target></target> I can use span3.parent().next("target").attr("id") to get the ID of the target element Given this I can't figure out how to do the same <wrap1><span1><span2><span3></wrap1> <wrap2> <target></target> </wrap2> The biggest part of the
Enabling disabled button does not refresh correctly
I am disabling an input button on my data entry form until all of the data validates correctly. When I enable the button it does not always display the same as the Cancel button that was not disabled. I occasionally appears as though the mouse is hovering over it. I have discovered that if I tab to the button or if I hover the mouse over it, it then displays OK after I tab to the next button or move the mouse off of it. This is the html that defines the button. <input type="button" id="submitButton"
Superfish and IE or Safari/Firefox error.
I have been working on this vertical nav menu for a while now. First it was working on IE but on Safari it would not open up the submenus. I redid the Navigation using Superfish and now, it works on Safari and Firefox, but not IE. I have no idea why. The link to where I am working on it is here: http://kgstickets.com/testnav.php You can see the original one, that is still live, that doesn't work on Safari here: http://www.kgstickets.com/ I have all the css and js if neccessary. I have been frying
Tabs linking to a new page?
I am using jQuery Tabs in my site. The page currently constructed has three tabs. I want to add a fourth. The last tab opens to a new page. When I put the information in, the page opens positioned half way down the page vs being a full view page. Ideas please? Here is an example of the code I am using: <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab 2</a></li> <li><a href="#tabs-3">Tab 3</a></li> <li><a href="/mypage.html" target="_new">Tab 4 (opens to a new page)</a></li> </ul>
dataType needs to be set on $.ajax calls for apps using file:///
Reposting from bug report on https://github.com/jquery/jquery-mobile/issues/1308 I'm building a PhoneGap app using jQM and found that the $.ajax call inside $.mobile.changePage does not set the dataType to "html." Because of this, webkit loads the page (located at file://some/path//page.html) as a "Document" object rather than just straight up html. jQM expects the response to be an html string rather than a Document object. This causes line 2057 (in jqm 1.0a3) to fail to find the element: to = all.find('[data-role="page"],
Next Page