Need help - Range with fixed maximum
Hello there. I am new to jquery and have a thought. I've just created Filter Variable Portfolio with WordPress and jQuery and want to change the ul / il to an jQuery Slider Range with fixed maximum. I followed a guide "Filterable Portfolio with WordPress and jQuery" but now I do not know how to change so I get a Slideristället for UL list. The slider i want is a Snap to increments slider //If this post is in the wrong part of the forum, please admin / moderator to move it
Render portion of drop down nav bar as separate static list?
Hello all, New user. First post. Much JavaScript experience, and considerable back-end programming experience, but new to jQuery, and wondering if it will do what I want to do instead of a custom back-end/ JavaScript solution.e In a nutshell, I need to make your basic horizontal navigation bar with two levels of drop downs - I know jQuery will do that handily. But then I need the drop down menu for whatever section of the website we're currently one to be displayed as a left-hand vertical menu,
Why triggerHandler() works but trigger() doesn't?
Can someone assist with this question please? http://stackoverflow.com/q/17103090/247243
404s on website/api documentation + glitchy site in general
See:http://api.jqueryui.com/1.9/easings/
How to get value from loop after selecting autocomplete
My PHP Code In Model using Codeigniter $return_arr =array(); $new_row =array(); foreach($query->result_array() as $row) { $new_row['test_type_id'] = htmlentities(stripslashes($row['test_type_id'])); $new_row['test_type_name'] = htmlentities(stripslashes($row['test_type_name'])); $new_row['value'] = htmlentities(stripslashes($row['test_type_name'])); $this->db->select('*');
How to extract parent text from an ajax return data?
I have the following html data being returned from the ajax request <div> Log information from the following sessions <span class="comments"> your comments </span> <div> <div>Section B log information <span class="comments"> section B comments </span> </div> Here is my attempt to remove all comment classes from this return ajax request but not working and that the comments are not being removed. $.ajax{ url: pathToFile success: function(data)
Changin options of a plugin on hover
I would like to change the options offsetX and offsetY dynamically when mouse moves over an image with the class "item-img". I've been searching for hours. I already tried things with Hover() , but I can't find any solution. It would be very nice if someone could help me. Thank you! <script> $(function() { $(".item-img").imageShadow({ "blur" : 5, "blurMethod" : "manual", "offsetX" : 5, "offsetY" : 0 }) }); </script>
Use attribute applied through CSS as selector
I have a series of list item some of which have been made bold using CSS (separate sheet) and some whose font weight is set to normal using CSS. The list items are created dynamically and the application of bold v normal is randomly applied. I want to select each of those bold list items. Is there some way of accomplishing this with jquery? Thanks, Jim
listviewbeforefilter autocomplete functionality on an input text?
I posted a question yesterday on that subject. I tried to make it as concise as possible, but maybe too much; I got 28 views and no suggestions :-( So, I will try to re-formulate the issue I am trying to solve. Although I am a newbie to JQuery Mobile, and light on Javascript, I _do_ have a JQM functional application running off AWS. The user can generate high quality graphics by entering/selecting appropriate parameters through a combination of checkboxes, select, input texts, etc... in a form. It
is it posible to validate if an diabled field is the correct class?
Hello. I have a form, and i am using jquery to validate the inputs. i have some fields which i am calculating and if it is equal to the input it changes the class of the input field to "good" so fx: participants: 10 option1: 3 option2: 2 option3: 5 if(option1+option2+option3 = "number of participants"){ change the class to good } else { change the class to error } so it is chaning acording to the entries. the important thing is that the field should be class="good" before it can be submitted any
Phonegap - JQM - page flicker / content flicker when ther is dynamic data
I am using jquery-1.9.1.js and jquery.mobile-1.3.1.js . I had issue with the page flickering on page transition, I used $.mobile.defaultPageTransition = "none";. But it stopped displaying dynamic content of the page. transition for the dynamic content is not correct.
formulário dinâmico com retorno
Ola galera, estou precisando de um script, igual ao usado em chats que envia o formulario e retorna dinamicamente ja tentei varias formas mais nenhuma foi bem sucedida.. fiz com a API Jquery de refresh, mais quando enviar carrega se eu tiver selecionado algum texto ele tira oque eu selecionei.. Se puderem me ajudar agradeço muito..
Dear admin, would you please un-spam my post?
It is not spam, would you please place it in the forum? Thanks Jake http://forum.jquery.com/topic/css-gets-confused-when-using-jquery-drop-down-along-with-jquery-ui
Trying to get slider to work, "appendTo' not working, please help.
Trying to fix a widget on my website which displays some RSS feed. Got the scrolling but can't figure out how to restart the scrolling. I have tried The 'appendTo' but without any succes. I can't find a solution, please help me out. http://server.info-spot.net/ Regards! (function($){ $.fn.vTicker = function(options) { var defaults = { speed: 700, pause: 3000, showItems: 3, animation: '', mousePause: true, isPaused: false }; var options = $.extend(defaults, options); moveUp = function(obj2, height,
reset button to bring back rows to table
hello can someone help, I am trying to implement a reset button to bring back deleted rows from a table. I am using the following code to store the original content of the table rows: var $table = $("#mytable tbody tr"); $table.data("defaultValue", $table); // this saves the state of the table rows then I delete a couple of rows from the table and when I hit reset button the default value did not keep the original state and instead it reflects the table with the two deleted rows.. new to this
How can I access the data from a JSON array in Javascript
New to JSON and wanting to set up a site where I could pull quiz data from a separate json file into my site - but it's giving me a hard time. Could someone give me some suggestions please? Here's my JSON file - [ { "question1": "question1", "answer1": [ { "correct1": "correct1" };{ "incorrect1": "incorrect1" };{ "incorrect2": "incorrect2" };{ "incorrect3": "incorrect3"
implementing a reset button to get previous state of checkboxes checked attr
Hello I am new to jquery and need to implement a reset button to set the value of a list of checkboxes in a table back to the prevous state. I try to store the original state of each box e.g: $myvar = $("#myvar input[type=checkbox]:checked") $myvar.data("defaultValue", $myvar) or $(#myvar).data("defaultValue, $myvar); When I hit the reset button I want to set the checkbox check attr to the previous state from the stored in the default $(#myvar)[0].checked = $(#myvar).data("defaultValue")[0].checked;
Product Slider for Website
The following code works great in internet explorer and opera, a little choppy in safari, doesnt work at all in firefox, and both chrome and safari - the product slider glitches and will re-slide while the cursor is still over the product box, i cant figure out why... In Firefox, the slider will continuously slide in a loop.. I am fairly new at JQuery and its probably something simple, but i do not see it. Please help! <script type="text/javascript"> $(document).ready(function(){ $('.productTitle').hide('slide',
I'd like to learn how to make a before-after slider
If anyone here knows how/where, could you point me to a tutorial on this please here is kind what I am trying to achieve http://www.manpower.com/ on the main page when you hover on one of the face the images expands one side or the other and this: http://www.youtube.com/watch?v=970_2Vbi37E currently the tutorials i have found just deal with the older sliders that a series of images along. thx D
Why does jqm revert to the first page
see: http://jsfiddle.net/2ukLB/ Can someone explain why and how to prevent this from going back to page 1? TIA, Dave
Redirect desktop site to internal page
Is it possible to redirect a user who is browsing my site on their mobile to an internal jquery mobile page? Currently for redirecting mobile browsers to the mobile site I use this: <script type="text/javascript"> if (screen.width<800) { window.location="http://www.magnetikmedia.co.uk/m/index.html"; } </script> I added a new page today called http://www.magnetikmedia.co.uk/monthly-pricing.htm and I also added this to the mobile site so the link to the mobile version is now http://www.magnetikmedia.co.uk/m/index.html#monthlypricing
Why is it not my eventhandler working
Below is a snipped of the code I use. I try to establish an event handler that should be called when I click on a div with id = '10_' + vesselID + '_3'); but the event handler is never being called so no JQuery-UI dialog is displayed What should I so the event handler is being called ? function AddSlot(track, type, minStart, minEnd, confirmed, bookingTime, vesselID) { //Create a div element slot = document.createElement("div"); if (type == "closing" && vesselID == 100)
jQuery UI Draggable + CSS Transform Causes “Jumping”
I'm having an issue with regard to using Draggable with a CSS transformed parent. Basically, I need to use absolute positioning to spawn a Draggable div directly underneath the cursor. When absolute positioning is used with CSS transforms, the draggable element does a bit of jumping right as the dragging takes place. After the jump takes place, behavior proceeds as expected. The jump does not occur if no transformations are applied to the draggable or the parent div. Here's a fiddle that shows exactly
How to convert resposne to boolean?
How can I convert a ajax response to boolean value? I have the following jquery code using the jquery.form.js. The response is just 0 or 1. However the if(response) is always evaluated to true.... <script> $(document).ready(function() { $('#loginform').ajaxForm(function(response, status) { if(response) //do sth else //do sth }); }); </script> <form action="Login" method="post" id="loginform"> User: <input type="text" name="user"/> <input
comment box
Hello i wanna know that how i can add comment box to my page???
'Slide' Effect problem while using Bootstrap
I am having a major issue using the Slide effect on a div specified within the bootstrap framework. For my application a div is 'Drop' animated from the page, its contents altered, then it is 'Slide' animated back into view. The problem is the animated div keeps on sliding past central view, continuing until it falls out the other side. The code worked fine before I migrated to a bootstrap layout. An example I made from a bootstrap example is at http://jrb.freewebspace.com/ if you click the 'View
How to Add Options in Google Maps & jQuery Custom Plugin
I am trying to create a very basic plugin for my Google Map. The code is working without paasing any options but I got confused how to set up the last part to accept the options as well.Here is my code (function($) { $.fn.googlemap = function(options) { google.maps.visualRefresh = true; var defaults = { zoom: 16, center: new google.maps.LatLng(49.241943, -122.889318), disableDefaultUI: true, mapTypeId: google.maps.MapTypeId.ROADMAP }, settings = $.extend({}, defaults, options); var map = new google.maps.Map(document.getElementById("googlemap"),
Select menu and .change problem
I am having a problem with a generic function (see below) that I have created to generate select drop down menus. Note: I don't show the CSS with this sample: The function would be called like this (note texts is an array): this.sourcemenu = new Dropdown("#menus", "datasource", texts, 140); this.chartmenu = new Dropdown("#menus", "charttype", texts, 70); The getValue function should return the current value of each menu. But it appears that if two menus are created, a call to app.sourcemenu.getValue()
Add Row to table
I have a table with : Time, CAB, New, Follow Up, Reserved, Urgent radio buttons Plus a javascript function + - that Adds / Removes a new row to the table with an incremented Counter (see below) How can I code the page so that if you click on CAB it opens up a popup and the options you select are placed into a hidden field on the page (with the Counter as the id BUT only for the first time you select CAB. I can get it to work IF its the first option (because this is hard coded in the html, but
autocomplete results after parseJSON (umlauts)
Hi everyone I've been working with the autocomplete widget and it really is easy to handle. But I have a problem with the results shown after I use the following function: $(function() { var availableTags = $.parseJSON('<?php echo json_encode($location_drop); ?>'); $( "#location_tags" ).autocomplete({ source: availableTags }); }); The results in the php variable ($location_drop) appear, but the umlauts are shown in html character entities. I've already checked the output of "json_encode($location_drop)"
How to format minDate for datepicker
Hello, How do I format the minDate that goes to the datepicker. Im getting a month and year from a previous ?datepicked? field. And Im using the value in that field to set up a minDate thingy. I have the below, but I cant seem to get the format correct. SCAYEA is a 2013 field. $("#SCDATE").click(function () { var mm = $("#SCAPER").val(); var yy = $("#SCAYEA").val(); var yymmdd = yy + '/' + mm + '/01'; var mmddyy = mm + '/01/' + yy; $("#SCDATE").datepicker({minDate:yymmdd});
checkboxlist with ALL option in it
Hi i am new bee i want to create dynamic checkbox listview in Jquerymobile including ALL option in it i have created it but not able to select and unselect all checkboxes after clicking on ALL option please can anybody give me the demo
Dates, Credit Card,Phone Validation
I am new to Jquery. I created a form and am validating, "required", "emails", "dates","Credit Card Numbers" and "phone numbers". I have "required" and "emails" working ok. I cannot figure out how to check "dates","Credit Card Numbers" and "phone numbers". Can anyone point me to examples? Remember I am new to Jquery and the more info you can give me the better. Thanks...
Trying to find the value of the next input after an element
How do I get the value of the next input after a b element containing 'Matching wallets'. I can't use the input's id as it depends on how many inputs there are I've tried this but wallets is undefined var wallets=$('a.cart-item-name:contains("Matching Wallet")').parent().parent().parent().parent().parent().parent().nextAll('td center input').val(); HTML <td> <table cellspacing="0" cellpadding="4" border="0"> <tbody> <tr> <td> <font>
Can anyone point me in the right direction with this?
I have an interactive menu on my potfolio page http://nesteggdesigns.co.uk/portfolio/main.html, it is split up in to different boxes which, when hovered over, display a slider over the top of each relevant box, this slider div contains info etc. The problem that i am having is every time the box is hovered over the animation seems to slow down each time and also I need to be able to only use the amination when the mouse is on it for a longer period of time, or it gets stuck and just goes backwards
Tab Navigation Active JQuery
I have couple of tabs in my page like Features, Overview, Images etc. What i want to do is When there is no content in Features, I want to feature tab and content not to be shown in my page but only Overview and Images and the Overview should be the active one and content should be shown too. I manage to get the feature out but Overview does not become active. The only way it become active is when i click it. Also the contents for Overview is not shown and only can be seen when i click the Overview
How can I set a background on the whole JQuery-UI dialog
In a function I open and display a JQuery-UI dialog by using this code. I have this code in a function which open and display a JQuery-UI dialog $("#" + track.id).click(function () { $("#dlgBooking").dialog({ width: 230 }); }); //Here is the actual JQuery-UI dialog to display. ****************************************************** <div id="dlgBooking" title="Booking menu" style="display:none"> <ul class="nav">
Add listview filter an attribute
It's been a long time since I've looked inside the last time. So I want to add the attributes type="text" and pattern="[0-9]*" to my listview input. I tested some variations but it stil not works. I use: jQuery 1.9.1 Mobile 1.3.1 and i tested: $('[data-role=page]').on('pageshow', function (event, ui) { $('.inputText > input').attr('test'); }); $(document).on("pageinit", function() { $("#ec-index").attr('test') }); Unfortunately, I am not really familiar with it. Best regards Psycho0verload
Using .slideToggle()
Hello. I am trying to figure out how to use some of the options for .slideToggle() . I have a small snippet of code below: <!DOCTYPE html> <html> <head> <style> </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <div id="clickme">click me</div> <img id="book" src="book.png" alt="" width="100" height="123" /> <script> $(window).load(function() { $('#clickme').click(function() { var test = $('#book').slideToggle(600, 'linear', function() { // Animation complete.
insert input text inside a jquery tab
hi everyone, i'm a beginner on jquery ui i have tab bar and i want to add a search bar inside the tab like the jquery ui website there is someone who can help me ? thanks
Next Page