Add the Jquery slider to Joomla 3.2
I have been racking my brain for an entire week on this. Finally i have reached out to you! I am trying to add the http://jqueryui.com/slider/#range into a module in Joomla 3.2 Can somebody out there explain how to do and maybe throw on over so code that will work? Once i get it the first time i will have it imprinted in my little brain. Thank You!
How to create a multimap/hashtable in JQuery?
Hi, I need a data structure in JQuery/Javascript that has a {key, values} pairing. I need it to be able to have multiple objects with the same key. For example, a business type key holding all google map markers created for that business type. I would also know how to use such a data structure's get and set. Thanks in advance.
Getting data from MySql table with no refresh
Hello, I have a code that counts down and when the countdown reaches 0 I want it to grab data from a MySql table and present it on the page without reloading. I know my countdown works, but it is when I add the code to get the data from the PHP page it stops working. I know my PHP page works and grabs the correct data and presents it. Here is the code I am currently using, row 40, 41 and 42 are the lines that I added to try and get the PHP data. Any ideas? Thanks. <div id="countmesg"> </div> <div
loop through tables within tables ?
Really frustrated with this.. simple table structure ( typical multicolumn ) :- <table id='msgpeople' > <tr> <td> <table id='msgrow'> <tr valign="top"> <td><input type="hidden" name='hemployee' id='hemployee' value="12" /></td> <td style="width:200px;" name='hname' id='hname'><b>FRED</b></td> <td><input type='checkbox' id='echk' /><br /></td>
Handle click event differently based on html elements
Hi, I want my page to call func1 when anywhere in the page is clicked, but with the exceptions of 2 html elements, when these 2 html elements are clicked, func2 will be called. How do I do that with jQuery? Thanks
JQuery Mobile: Cannot set checkbox dynamically
Hello, I am familiar with jquery but I don't find a good tutorial to start with jquery mobile 1.4 :( What's wrong with this code?http://liveweave.com/Uftrc2 Thanks,
IQuery Mobile Button Re-sizing issue
Hey guys, I'm very new to programming with jQuery... I'm using jquery with DreamweaverCC and I just trying to re-size (Shorten) a button and a slider... I've tried for days now to change it... I was thinking that this should be somewhat simple...but I've tried everything I know to try... I'm wanting to put a Button and a slider on a Mobile App... The botton and slider are the width of the page whether in landscape or portrait... I just need the button to be about an inch long... and the slider about
Custom select menu not working with download builder
I only checked the custom select menu and downloaded it. The custom build is very helpful since it doesnt conflict with my other css/js but the desktop version doesnt work like the demo. Though the mobile select script works. The problem is the custom javascript because i tried the full jquery mobile js and it works.
Is it possible to gray out certain days from data what comes from mysql database in Date Picker?
Is it possible to gray out certain days in certain months with the down code! This information in the code is already coming from a database. At the moment it gives a popup that the date is not available. But looking to gray out the dates what are not available. Information from Mysql Database days[0] = "1"; days[1] = "0"; days[2] = "0"; days[3] = "1"; days[4] = "0"; days[5] = "1"; days[6] = "0"; var mon = new Array(12); mon[0] = "0"; mon[1] = "0"; mon[2] = "0"; mon[3] = "1"; mon[4] = "1"; mon[5]
how to validate the website url
how to validate website url entered in textbox...........
set hidden field values in form during json request?
I'm jquery-ui autocomplete for my MVC5 project. This is what i'm doing in view using (Html.BeginForm("AddAttendee")) { @Html.HiddenFor(m=>m.SelectedEmail.FirstName) @Html.HiddenFor(m=>m.SelectedEmail.LastName) @Html.HiddenFor(m=>m.SelectedEmail.AppointmentId) @Html.HiddenFor(m=>m.SelectedSuperOfficeEmail.PersonId) <div class="form-group"> @Html.LabelFor(m => m.SelectedEmail.Email,
Image swap in a slider in a lightbox in a...
All, Trying to layer some functions here in what is proving to be a rather complex way. Essentially, these are the three functions that need to be nested: A lightbox to open on top of the page Within the lightbox, a slider to switch between portfolio items An image swap or fader to flip between the two sides of each portfolio item. The other variable is that I'm using lazy loading of the images to avoid loading 30+MB initially. I'm having a great deal of trouble finding plug ins that play nice with
How to get div id at caret position
How to get div id at caret position in jquery? for example my main div is main-box and mouse position is on <div id="content"></div> <div id="main-box"> ........ <div id="wrap" class="clearfix"> ............ <div id="header"> ........ <div id="content"> ............... <div id="section1"> ...... </div> <div id="section2"> ........ </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $('#main-box').click(function() { alert(getCaretPosition(this)); }); }); function
UI Switch Button
Hi, I was discovered this nice button, but I cannot understand, how can I can check state of button, without using FORM tag. Please show me example, how it works. Here is what I try. Thanks for hints! Jerry
Open Google maps app navigator
Hello, I am creating an app using dreamweaver with html5 and jquery Mobile. I would make sure that clicking it opens the window with the list of browsers installed on your phone. This code can not open the window and see the list of navigators. <a href="geo:42.169377,14.702693;u=35" data-role="button" data-icon="arrow-r" rel="external">Find us</a> Then if I select WAZE or Tuttocittà for example I open the app and I can start the Turn by Turn navigation from where I am to the point that I have the
Having Difficulty With Selector(s) Working Within accordion element group
I have an unordered list of menu items to which I've applied the accordion widget. Some menu items have other unordered list of submenu items and some do not. The basic accordion functionality at this point seems to allow multiple menu items to be open (submenu items expanded out). Before and after examples of applying the jquery ui accordion widget to one of the above-mentioned menu items can be found at http://pastebin.com/GVFKjtBZ The top portion of the code example shows what one of the
Snap to grid on Droppable
There is an example: jsFiddle Snap-to-Grid is needed only over droppable div. I want to implement a grid functionality to the target element only. How can I do it? Thanks!
Need help with JQuery AJAX Call
Hi, I am making a call to rest service from java script. Rest service is working fine . I have tested it from curl. Rest service takes string and return string. When Add button is clicked it always shows ERROR alert in chrome and rest service is invoked. When tested from firefox call is never made to rest service. Please also provide help on handling error. HTML -> URL of Application Java Script -> var rootURL = "http://localhost:8084/rest/hi"; $('#url_submit').click(function() { addByURL($('#urlvalue').val());
button click action is not working
<script type="text/javascript"> $(document).ready(function(){ var counter = 2; var count=2; var count1=2; var count_hos=2; var count_hos1=2; $("#plus1").click(function () { if(count1>4){ alert("Only 4 Hospital Details allow"); return false; } var newTextBoxDocDiv = $(document.createElement('div')) .attr("id", 'hosDoc' + count1); newTextBoxDocDiv.after().html('<tr><td>Hospital Name</td><td><input type="text"
Jquery hide and show not working
Hi, I am new to jquery and learning it. I am facing a problem while I use jquery hide and show. I want to show the error message below the login form from the success call back if some condition is not met. But the error message is appearing for a while and disappearing and I am left with login form. Please help. Please find the code at http://jsfiddle.net/yxW8L/1/ $.ajax({ url : "/RestTest/rest/getJson", type : "POST", dataType : "json", data : inputdata,
How to get response from ajax method with jsonp?
Hi dears, I'm using this code to call ASP.net web service on remote server: $.ajax({ type: "GET", url: 'http://url', data: "parameter=hello", dataType: "jsonp", contentType: "text/xml", success: function (data, textStatus, jqXHR) { alert(data.length); }, complete: function (jqXHR, textStatus) { alert('complete'); }, error: function (jqXHR, textStatus, errorThrow) { alert('error function'); } });But no alert and I got error: SyntaxError:
Multiple Jquery UI Slider non linear value
I have been searching and trying to find a solution for this but unfortunately can't get my way round it. I have multiple jQuery UI sliders which all have their values on sliding from an array. At the end I am trying to get the value of the slider and add it up with the other sliders. Here is the code for only two sliders: $(function () { var labelArr = new Array(0, 200, 400, 600); $("#slider").slider({ values: 0, min: 0, max: labelArr.length
JQuery and XML to create table in HTML
Hi - First off thank you to anyone who can help me. I am trying to create a HTML table using JQuery and I can't seem to get it right. Here is what I have so far. $(document).ready(function(){ $.get('/WellCityPartners.xml', function(xml){ $(xml).find('Partners').each(function(){ var backgroundurl = $(this).find('backgroundURL').text(); var hrefurl = $(this).find('hrefURL').text(); var imgurl = $(this).find('imgURL').text();
:eq() vs .eq()
I wanted to know if there was an advantage to using the :eq() selector over the .eq() method? For example: If I wanted to select the second-column cell in a table row, is it more efficient for me to use $("table tr td:eq(1)") as opposed to $("table tr td").eq(1)? Logically, it seems to me that best practices call for the former rather than the latter because the latter selector grabs much more than what I'm interested in. Am I correct in thinking this?
JQueryUI Tabs not working properly [NEED HELP][STUCKED] :D
Hello, I'm stucked with JQueryUI tabs with a silly issue. Basically I'm adding the first tab and I cannot find a way to select it. The content doesn't get displayed until I click on the tab button. The issue can be easily reproduce with one of the examples provided on JQueryUI page: http://jqueryui.com/tabs/#manipulation To reproduce: 1) Delete the tab you see when you load the page 2) Add a new tab 3) New tab content is not displayed until you click over the button. I've tried several things to
input text controls become disabled after upgrade to jqm 1.4 in some browsers
For some reason after I upgraded to 1.4 <input text controls became disabled only on one particular page, example below from View Page Source. But this only happens in Chrome and IE 11 on Desktop, it works fine in all major mobile browsers and IE 10 on Desktop. <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <label for="ITEM8barcode" class="ui-input-text">Bar Code</label> <div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-b"> <input name="ITEM8barcode"
checked button on off depending on a result
Hi, I have created a on-off button with the following code. Now I want to make it switch from on to off when a value is read I am using these options: $('#red').attr('checked','checked'); to check it and uncheck it $('#red').removeAttr('checked'); but nothing changes.Have you got any ideas? $("input[type=checkbox]").switchButton({ width: 100, height: 40, button_width: 70 }); "<input id=\"red\" name=\"red\" type=\"checkbox\" value=\"1\" checked>"
datepicker show no background color at all
I am having trouble with datepicker when I select it I can see all the words and numbers and it will select them. None of the background color is not there at all. I have downloaded jquery ui with different color format but it still will not show any color. Please give me an id where to look
advancing to next section on page when clicking submit
On the index page I have several page sections with different page id's. Each one has a form and when I put (for example:) action="#nextpage" and click submit it does not advance to that next section id as it should. When I use a normal button it does advance to that section id. How do I accomplish this using the <form method="post" action="#nextpage" > ? Thank you, Darrell
Expanding DIV As You Scroll?
I'm having trouble creating this page layout. My client wants to have fixed tabs at the top, a search area that scrolls out of view with the page, an area below with buttons and then a container with overflow that spans from the button area to the bottom of the page below that. No problem, except when you scroll they want the table container to expand and fill the space. I basically looking to do what's in this jsfiddle but have the bottom of the "Grid Table" stick to the bottom of the browser window
How validate both or either one ?
I have two text fields in a search form, the user can search by ip1 or by ip2 or by both, I want only the ip address filled to be validated and skip the other one if left empty, I did this but it's still not working : http://jsbin.com/AcENopog/2/edit Thanks, your help is appreciated.
jQuery - Uploadify scriptData issue.
Hello, With Uploadify + PHP – am trying to insert form data to user’s table – but problem is data is inserted equal to images uploaded. (ie. If 2 images are uploaded entries on table user will be 2 for same user) - my codes are : <script type="text/javascript"> $(document).ready(function() { //uploadify $('#file_upload').uploadify({ 'uploader' : 'uploadify/uploadify.swf', 'script' : 'add_data.php, //script to upload our images 'cancelImg' : 'uploadify/cancel.png', 'buttonImg' : 'uploadify/upload.png',
Beginner Level
Hi All, I am just starting to learn jQuery on my own and I'm bit confused looking at the below code. The argument in the below code $("span", this).addClass("bar");, is 'this' context referring to document context or div.foo context. Will it only look for the span selector inside the div element with foo class??? $( "div.foo" ).click(function() { $( "span", this ).addClass( "bar" ); });
UTF8 issue?
Hi, I've got a bit of an annoying issue, where the accents in the page title, seem to be getting "corrupt". When you view them in console.log, the accents look fine. However, the $.post seems to break it: where=http%3A%2F%2Fwww.chambres-d-hotes.org%2FRecherche%2F%3Fquery%3DEsp%25E9raza%2B%252811260%2529&title=Chambre+d'h%C3%B4te+Esp%C3%A9raza+(11260)&t=luna The code (I've taken a chunk out, as its quite a complex function :)) $(document).on('click','.recommend-page', function(result) {
IE9 and lower breaks jQuery mobile URLs
Wether it's links or the $.mobile.changePage(); function, everytime I load in a different page the URL messes up with a #, for example, if the page I was initially one was called http://localhost/project_dir/index.php/home/ and I wanted to go to http://localhost/project_dir/index.php/home/promotions the resulting URL would behttp://localhost/project_dir/index.php/home/promotions#/project_dir/index.php/home/promotions It's 4AM and I'm clueless as to why it's happening - any ideas?
on pressing tab it is not moving to next tab
I am creating tab using html css and jquery. I am not using jquery ui. Let me explain the problem. in tabs there are Many tabs.every tabs contains texbox,drop down,checkbox, etc. for example when user in the first tab. in this tab text boxes are there. when user come to last text box when it is pressing the tabkey it will move to next tab's first element(like textbox/dropdown etc).I created this but it is not moving to tabs textbox. the code is available on pastebin and js fiddle. i not find findout
JQuery Swipe not working smoothly on Android Samsung S4 and Sony
I used Demo page Event Swipe code and use Samsung S4 or new Sony Andri\oid phone. I found I have to swipe about 4 times before it reacts. However, it response correctly and very good on iphone. Please help... what can I do ? Or it is a bug ? // Handler for navigating to the next page function navnext( next ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", next + ".html", { transition: "slide" }); } // Handler for navigating to the previous page
listview refresh issue
Hi, i'm using jquery mobile . I.m using a listview in my HTML and appending it dynamically in my JavaScript, like this: <div class="content_div"> <ul data-role="listview" data-theme="c" data-inset="true" data-count-theme="c" id="page-list" ></ul> </div> $('#page-list').append('<li ><a href="#details" onclick=displayDetails("' + itemid + '") ......... </a> </li>' ); $('#page-list').listview('refresh'); my issue is if i keep $('#page-list').listview('refresh'), then i have a blinking + flickering
Check box not working in JQuery Mobile
I'm a newbie. I'm making a quiz app where the answers that users select give values that total up to a score and take the user to a certain #page depending on their score. The problem is that even if multiple checkboxes are selected in a question, only one of the values associated with only of of the checked answers is tallied in the score. I have no clue how to correct it so that for the check box questions the values of all checked answers are inculded in the final total. here is the html code
flShow Carousel like in jquery
I am intermediate to Jquery. I have learned about the syntax, DOM manipulation, animation. I am trying to make a 3D carousel exactly like flShow Carousel but I am struggling. I found a tutorial in the internet about 3D Carousel which is similar to flShow but it wobbles and it doesn't move up and down when i move mouse up and down. I went through different articles to learn about the 3d concept, projection and bla bla bla but still struggling with making similar to flShow anyone who can help me learn.
Next Page