give each element style from html5 data object
Hi there, I have a problem right here, let me give you the HTML first: <div class="section_checkboxes group_checkboxes"> <div class="col_checkboxes span_1_of_2"> <img src="images/interactive-test/fibro-mann-front.png"> <ul class="man_checkboxes"> <li><label><input type="checkbox" data-top="-100" data-left="-59" name="front" value="1"> Kiefer links</label></li> <li><label><input type="checkbox" data-top="-100" data-left="-5" name="front" value="1"> Kiefer rechts</label></li> </ul> </div> </div> Now
name file
Hi there, I need retrieve the name file witht extension value = row.find('a').html(); value is : "<img src="http://localhost/Domus/uploadFile/server/php../../../../images/immobili/tmp_kernel/thumbnail/58.jpg">" I try with String.prototype.filename = function (extension) { var s = this.replace(/\\/g, '/'); s = s.substring(s.lastIndexOf('/') + 1); return extension ? s.replace(/[?#].+$/, '') : s.split('.')[0]; }; nomeCopertina = value.filename();but nomeCopertina
Embed JQuery Mobile App to Site
Good evening, I have a website and I have created a JQuery Mobile App of the website. What I would like is for the user to visit my website, then have the option to click on a image "Download app" and the mobile web app automatically downloads to a icon app. Is this possible. I have detect mobile browser JS embedded, but confused as to how that can help me. Kind regards
Jquery .fadein affects containers before
I have a mysterious problem: <div class="ttbl0" id="msg0">Messages</div> $(data).hide().fadeIn(1000).insertAfter("#msg0"); data in this case are: <div class="kld0"> <div class="mbx24"> <div class="wlls-t"> <div class="row1">test1</div> <div class="row2">test2</div> <div class="row3">test3</div> </div> </div> </div> It works fine and inserts data after msg0 container with fadeIn effect. The problem is that after data finishes fading in, the container msg0 do the same - it disappears and appears again
Javascript Charecters
In Javascript, what does a colon denote? for example: current = (current != slides.length - 1) ? current + 1 : 0;
Autocomlete Widget populate inputs after selection
HI, PHP / MySQL / CodeIgniter I have a working Autocomplete Widget that grabs suggestions from a MySQL .db: Controller: public function getorganizers() { if (isset($_GET['term'])){ $q = strtolower($_GET['term']); $this->eldata->AutoCompleteOrgs($q); } } Model: $row_set = array(); $this->db->select('Organization, OrgNo, Postal_Code, Website_URL'); $this->db->like('Organization', $term, 'both'); $query = $this->db->get('event_organizers'); if($query->num_rows() > 0){ foreach
.load() breaks form submission
I have a a <div> "popup if you will. By using a table cell onClick event, I am currently executing the .load() method to change the <div> contents to a form that contains a <div> "button" using an onClick submit() method. The problem is that when I submit the form, my handler page id throwing an error stating that certain form variable are undefined. In other words, the data isn't being passed for SOME of the form values. However, some do get passed. When I load the raw form in the browser, it
Insert HTML5 video tag when clicking the button using jQuert
I would like to make it like below. #1 The video file like .mp4 doesn't download when the page is loading. #2 The download start when clicking the button like "Start Movie" #3 Auto play using "<video></video> tag" in the page after downloading. *no downloading video file for users don't want to watch. *no page transition for usability. I'm confused how... Thanks for your help or advice.
Fire event on pag refresh
Hello, I have this code: <script> $(document).ready(function(){ $('#country_choice').on('change', function() { if ( this.value == '138') { $("#town_dropdown").show(); $("#town_input").hide(); } else { $("#town_input").show(); $("#town_dropdown").hide(); } }); }); </script> It works very well when you select the dropdown menu with the id "country_choice" but my problem comes when I submit my form and there is an error, I
QUnit creating tests is not that simple.
A couple of times I've tried to use QUnit for test support. But my experience is that I'm more busy debugging and trying to fix my QUnit test scripts, than developing functions. It goes well when using QUnit for testing plain JavaScript libraries, like function X returns something. But when DOM is involved, or ASync then it's getting fuzzier. My current problem, without going into details, is that my last test call, is executed as first. Partly because my code is depending on Asynchronous Callbacks.
Vertical tabs - Data table showing below - not next to as I need.
Hi, I have a page that uses the jQuery tabs and each tab is a link to another tabs page (ie: <li><a href="<c:url value='/tabs/homeTab' />" title="Home">Home</a></li>). My problem is the home tab (and all others is under the vertical tabs not next to it which I need. Any help is appreciated! Jerry Wolfson
Autocomplete textbox with multiple data from database in CodeIgniter using Jquery
I want some help from anyone to do this Autocomplete textbox. Right now the data is coming from the database well but I want to restrict displaying the duplicate data. CODE: $(function() { function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } function log( message ) { $( "<input name='skill'>" ).text( message ).prependTo( "#log" ); $( "#log" ).scrollTop( 0 ); } $( "#birds" ).bind( "keydown", function( event ) { if ( event.keyCode ===
Fetch year from Jquery DatePicker
Dear All, Can any one help me in knowing how to fetch the year from Jquery selected Date Picker Thanks SAM
sql db to dialog window
Hi guys! I am new. I have a table in jqueryUI dialog window. How can i getting data from sql database to table cells? I failed with ajax =\ When open-event of modal dialog_window i try to get one row from sql db where id = var from another_element (var is passed successfully here, I checked). $("#dialog_window").dialog({ open: function() { var id = $("#another_element").data('id'); $.ajax({ type: 'POST', url: 'response.php', data: id, success: function(data) { alert(data['F']); //try to show one
Help needed: how to keep drop down menu showing on hover and close only on click
Hi everyone, I looked everywhere, couldn't find the solution. I have a navigation menu with dropdowns, I need the dropdown to be open on hover/mouseenter always, even the user change tabs or navigate inside dropdown menu. And close only on 'X' close button. The sample code: $('.main-nav ul > li').mouseenter(function(e){ $(this).addClass('active').find('.dropdown-menu').show(); }).mouseleave(function(e){ $(this).removeClass('active').find('.dropdown-menu').hide();
popup with scrollbars, can't select checkbox at bottom of popup
Hi everyone I've got a popup that I need to constrain the size of. Within the popup there is a checkbox at the bottom, and whenever I try to click this checkbox, the dialog scroll jumps to the top position (and the checkbox remains unchecked). Thanks for any suggestions you can give Code follows <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
SlickSlider: Connected sliders' last slide dropping down
Am using the popular jQuery slider: Slick I'm having an issue that I assume is a bug. I have two connected slick sliders, but even though they have the same number of slides, the last slide on one of the sliders seems to just drop down and not show where it should. Any ideas please? jsfiddle: https://jsfiddle.net/beech/kygsq6f2/3/ Steps to reproduce the problem Go through the slider till the end. More Details Which browsers/versions does it happen on? -> Chrome Which jQuery/Slick version are you
how can I downlaod the jquery documenation
I do a lot of remote off line work ... Is there an easy way to download the doco? There was a similar question but it is 5 years old and the links are broken in it.
cannot see why form validation not doing anything
I added a validation to the email field on this page http://v26.ancestry.higgsy.co.uk/contact/contact.php. To test it, I just submitted the form with all empty fields but you are taken straight my 'thankyou' page, no validation error appears. Code is from Missing Manuals book 'Javascript'. Can anyone help? many thanks
jQuery very small basic version available?
Hi. Is there a very small basic version of jQuery availiable? I mean a very slim version that is only suitable for basic DOM manipulation. Without all the nice-to-have stuff like ajax, UI functions, css effects and so forth. And without explicit support for browser older than around 3 years. The file size should not exceed 20-30 kb.
Do some when DIV content changes
Trying to do something when the content of a DIV changes and the new content is an "O" but it does not seem to work for me. My code looks like below. Any Ideas on how I can solve this problem. jQuery('.select2-chosen').bind('DOMSubtreeModified',function(event) { var newText = $(this).text(); alert(newText); if ($('.select2-chosen:contains("O")').length === 1) { alert(newText); } }); It is the minum height inches field on this page
Simple slideToggle question
My simple JQuery $(document).ready(function(){ $("#one).hover(function(){ $("#two").slideToggle("slow"); }); });my css #two{ display:none; }my html <span id="one">one</span> <span id="twp">two</span>My question: In IE and Chrome, the only two browsers I'm concerned about, when I hover my mouse over #one, I would like for #two to appear to the right. Which it does, however, there's an adjustment to my content containing <div> (not mentioned in my code above) and then
selector problem?
I don't see the problem with this selector: var selectedid = $("[id^=cccproj][data-selected=='1']").prop("id"); // check id starting with cccproj that has data-selected value of 1 Does it look good to you?
Get Positions Of Elements Which have No Styles Assigned
I was able to get the XY coordinates of all the child elements of a div and they all have the same top and left values. Why are the top properties (Y values) of all the child elements the same, shouldn't they be different since each element starts on a new line? Please click here click any where in the gray box. You will see that the top left coordinates for all child elements of main are all the same.
ContextMenu
Hello jQuery Team, Can you tell me why almost all your samples are completely out of topic ? It is very frustrating ! For example contextmenu : http://api.jquery.com/contextmenu/ Do you really see a contextual menu in action ? I only see right-click button event binding, I can do it natively ... This sample is completely out of topic. It's not the only case, but I don't remember the other ones. Please have the good habit to build samples in regards of topics. So, for now, can anyone help me to use
Build and Deploy api.jquery.com project
Hi Team, I'am trying to deploy api.jquery.com code locally with the help of jquery-wp-content.But when I tried to apply the "grunt deploy" command the below error is thrown. $ grunt deploy Running "check-modules" task Running "xmllint:all" (xmllint) task >> Missing executable: xmllint. >> You must install libxml2. >> Downloads are available from http://www.xmlsoft.org/downloads.html Warning: Task "xmllint:all" failed. Use --force to continue. Aborted due to warnings. Can you please let
date format datatable
I populate data in jquery like this $("#example").empty() if (re.length > 0) { $("#example").append ("<thead><tr><th>StartDate</th><th>EndDate</th></tr></thead>"); for (var i = 0; i < re.length; i++) { if (re[i] !== null) { $("#example").append("<tbody><tr><td>" + re[i][0] + "</td><td>" + re[i][1] + "</td></tr></tbody>"); } } } var myTable; debugger; myTable = $('#example').DataTable({ "sPaginationType":
Jquery date-picker "fromdate" reflect to "todate"
I try jquery datepicker In this i set some some conditions 1) from date show only 2 year i.e. if 2016 then previous month must be 2015 if 2017 then previous month will be 2016 2) second is suppose i select date aug 1, 2016 from date then user select two months i.e. if aug 1, 2016 then sep 30, 2016 same as if user select feb 15, 2016 then april 15,2016 i.e. only two month 3) if current date is 5 October 2016 then onwards date of oct and months i.e. nov , dec must be hide and i am done with
Small content window on google map
i try to plotting data on google map and i am done with this now the problem is there is 4000+ records in table so plotting this data on map takes too much load time and sometimes code is break so how i solve this .. this is what i try var map; debugger; var latlng = new google.maps.LatLng(74.0895898, 97.0998546); debugger; var myOptions = { zoom: 8, center:
Daily Devotional or Daily Message
Okay, I am a complete newbie to JS and jQuery. Taking JavaScript classes to build my understanding. Meanwhile, simultaneously working toward building my first mobile phone app that will provide daily messages 365 days a year, strictly based on the month and day, not the year -- thus, the messages will repeat the following year. It is ultimately for a book project that has set messages for each day. I'm building it with my base knowledge of HTML5 and CSS with the idea to eventually run it through
Load PHP in HTML Pages
Hi there, I have a question. is there a way I can load a PHP based webpage on a simple HTML page without using iframes? For example if I have a DIV container. Can I show a php based webpage inside that Div Block?
Redirection of Devices
Is there a way to redirect a single href link to different pages according to the device the user is using? For example I have a href link. <a href="www.google.com">Click Here</a> Now I want that for PC's and Android devices this link should open google.com normally as it should. But, if someone specifically using iPhone or iPad or any iOS device even Macs, Click on this link they are redirected to a different html page. Now to be clear, The different Html page I want iOS devices to go to I have
Autocomplete scrolling in IE
The demo on this page http://jqueryui.com/autocomplete/#maxheight does not work for me in IE. I am having the same problem in my app. When I click the down arrow a couple times, it just ends up scrolling back to the top.
Zero Progress Bar
I want to set the data-max of my progress bar to zero but doing this causes the progress bar to count 'til infinity (100 divided by zero). How can I set my progress bar to zero? Here is my HTML: <progress class="progressbar" value="0" max="100" data-max="1"></progress> I link to jquery and modernizr. Here is my javascript: $(document).ready(function() { $('.progressbar').each(function() { var progressbar = $(this), progressbarValue = progressbar.next(), value
scrollTop moody - again
Hello all, here's an extensive description of the bug. (Please excuse me linking to content, but the description is just too lengthy) Bounty of €100 applies! Edit: Just found this - I suspect something similar... (i.e a timing problem) This seems similar, too. Thanks in advance
Mouse over on autocomplete textbox dropdown causes to hide the div.
Hi I'm using a jquery autocomplete textbox. It working perfectly expect only in one case. I've a <div> tag and it show on the mouse over of a link and hide when the mouse out of that div. That div tag contains a autocomplete textbox. Autocomplete textbox will dropdown the records according to my keypress. But when I mouse over an item in that drop down list, the entair div tag will hide. My aim is not to hide my div on mouse over of that drop down. Below the image. Thanks in advance Bobbin Paulose
Is there a version of validation that does not add arai attributes
I use jQuery just for validation and do not want it to add anything I have not explicitly done so. Is there a version that will not add the unnecessary or unwanted attriubutes?
VBScript value into generated html
HTML <span id="ShowCount" name="ShowCount"></span> jQuery Ready function $("#ShowCount").html("ABC"); The above works just fine but how to I substitute for the "ABC" with the value of a known VBscript variable called mycnt? $("#ShowCount").html($("mycnt").val); Doesn't seem to work. Thanks
option HeightStyle for accordion
Hello, in my accordion I don't manage to change the option HeightStyle .. I would like a "content" behavior ( the height of the accordion must be as tall its content) but it is still the height of the taller one. my example is there : http://perso.univ-mlv.fr/larrieu/bib/test.html thanks. mloiz
datepicker - grey out 3 days after the current day
Hi, I am using jQuery date picker. What I would like to do is to grey out 3 days after the present day (not other day selected). I am wanting to do this on a specific page, so don't want to modify my actual datepicker files, so would need to either include some code on the page or include it externally. Does anyone know how I would do this? Thanks!
Next Page