Making Timelinr Plugin Responsive
I am attempting to make use of the Timelinr plugin for jquery as it does everything I need in my project, the only issue is it doesn't allow the images to be responsive. Has anyone tried to use this in the past and found a way to change the javascript to allow responsive elements? Any help is very much appreciated! Files code below: /* ---------------------------------- jQuery Timelinr 0.9.54 tested with jQuery v1.6+ Copyright 2011, CSSLab.cl Free under the MIT license. http://www.opensource.org/licenses/mit-license.php
Jquery keypress, keydown, keyup, input working.
I have a requirement such that in a input text box, on each value entered a validation has to occur and after the 6th character is entered a hyphen has to get appended to the string. The solutions which I tried and the problems I encountered are listed below: keyup - It is working perfectly for detecting each character entered and appending a hyphen except that "it will send only a single key entry for a long key press". Ex: If I keep '9' pressing for a long time, the value in the text box will be
Callback gets fired with an alert function is present and it does not fire without an alert?
When the alert function is present (shown below), the callback function gets fired and everything works. When the alert function is not present, the callback function never gets fired. function getTableData(tableName, startRow, endRow, callback) { CK.getData = $.getJSON("getTableData.php",{tN: tableName, sR: startRow, eR: endRow}, function(dataTable){}); alert("test"); CK.getData.done(function() { // load data inside table using an $.each function... callback(); // works only when the alert function
In jquery-1.11.0 , what is the purpose of jQuery.cache[elem[jQuery.expando]]?
The document mode for my application has been recently upgraded from IE8 to Edge. This is a simple change of content attribute for meta tag in _Head.cshtml. < meta http-equiv ="X-UA-Compatible" content ="IE=edge" /> The application is working as expected for most of the pages, but breaks where many dropdowns are rendered. The dropdown lists the record, however, does not let the user to select a value. In the console, you can find the error as: SCRIPT28: Out of stack space. This issue can be replicated
JQuery Toggle Slide Function
I'm sure this is a simple fix, but I can't figure it out. When clicked, the following code it MEANT TO turn my hamburger to a 'X' and at the same time create a slide down toggle which opens "header-nav". Once clicked again (now on the 'X'), it turns back into a hamburger and the "header-nav" is slide back up and hidden away.... but... what it's actually doing is the opposite. It shows the 'X' when it's closed and the hamburger once it's opened. Hmm. Any ideas? HTML: <div class="skip-links">
License/Copyright of jQuery UI images/
I created a theme with the ThemeRoller and downloaded it. In each .css or .js file are copyright informations included. But what about all the .png files in the "images/" folder? Are these icons and graphics also released under the MIT license? I cant find any informations for this case.
RGBA not working on IE7
Hi, Can someone tell me how to make rgba work in IE7 and IE8? I want to make a transparent background-color to animate when hovering over an object. I don't know how to make it work in IE7 and IE8. This is my code; <script> $(function(){ $("#live").hover(function() { $(this).stop().animate({ backgroundColor: "rgba(88,62,70,0.5)"},1000) $(this).find(".hover").stop().animate({opacity:"1"},1200) },function() { $(this).stop().animate({ backgroundColor:
Binding .colorbox with .on()
The colorbox jQuery plug-in works fine in the base document. I have tried several times to place binding code in the displayed document which pulls in the content with colorbox using jQuery AJAX .load, and have failed. I have googled for examples, found some, but they are too complicated with extraneous coding for me to copy and modify. I thought binding colorbox would be something simple. So, I just follow the .on() syntax with $(document).on(“click”,function(){ $('a.gallery').colorbox({rel:'gal'});
Passing ID into function instead of hard code
Hi, I manage to get it works by pressing a button and a value will load into a textbox. Here is my code <asp:TextBox ID="txtResult" runat="server"></asp:TextBox><br /> <input id="btn7" type="button" value="7" onclick="PassInput()" /> and my function is function PassInput() { $.ajax({ type: "POST", url: "VB.aspx/GetInput", data: '{name: "' + $("#btn7")[0].value + '" }', contentType: "application/json; charset=utf-8", dataType: "json",
How to use these methods?
This method is available in angular js. This method is also mentioned in this web page. ==>https://docs.angularjs.org/api/ng/function/angular.element But that does not explain how to use these methods. inheritedData(key) please give me some examples. These days I am studying angularjs. I could not find any example.
Having trouble with datepicker options
I don't know why, but the datepicker always trips me up. I've set up a datepicker with the following settings: $(".datepicker").datepicker({ dateFormat: 'yyyy-mm-dd', appendText: '<span class="inputNote"> (yyyy-mm-dd)</span>', buttonImageOnly: 'images/icon_datepicker.gif', changeMonth: true, changeYear: true, yearRange: '-150:+10' }); 3 questions: 1) When I pick a date, the text field gets filled in with a double
Jquery Auto Complete UI not working
Hi All, I am working on a web application project where I need to add a autocomplete functionality in one of the fields. I am new to jquery, but I found a post in this forum where they shown how to do an autocomplete using js. But when I run the code in my machine, its not working, I mean when I type anything into the field it is not showing suggestions below. I don't know where the problem is. Please throw some light on it. <!DOCTYPE html> <html lang="en"> <head> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
$('#filename2 input').val('skjsjdkjsdkskd') <---- Failed
$('input#filename2').val('skjsjdkjsdkskd'); ---> Worked well. [Why did they fail????] $(#filename2').val('skjsjdkjsdkskd'); --> Failed $('#filename2 input').val('skjsjdkjsdkskd') <---- Failed
The same img tag works in Chrome, not IE. Why???
<body> <img src="img/I have a family.jpg"> The above code produces a good image in Chrome. But it doesn't in IE. Why??????
A href link won't fire, if included within another click event
Good day, Can you please help me. I have a datatable. When a user click on a row for the first time, it will open a detail row under the top row. Within the detail row, I have a href hyperlink, and when this is clicked it supposed to link to another page. But the hyperlink didn't fire at all. To elaborate further, if the first column of a top row is clicked, then a detail-row will be displayed under it. In the detail row, there is defined a hyperlink to another page. My code snippet is below: $('#tblTutors
Inline Form Field Edit
http://jsfiddle.net/rv374kmt/1/ Im Trying to edit each form field individually, on edit click the save is displaying and while it is displaying the hover funcitonality of class gear should be disabled and while hovering the each form field the edit should display for each form field individually
How to assign a data from $.get to a var, or read the responseText
Hi, I've been looking everywhere for this... I've got this dict in JS - {
ranges: {"year 2013": ["01/01/2013", "31/12/2013"]}
opens: 'left', format: 'dd/MM/yyyy', separator: ' to ', startDate: START_DATE, endDate: END_DATE, minDate: '01/01/2005', maxDate: '31/12/2023',
}Now I'd like ranges to be dynamic and not hard coded so I managed to pull data using this request: $.get("accyears", function(data){data})I obviously can't put the whole thing in a variable as it's an object. Trying to set 'data'
JQuery Mobile Release Time line
Is there a release date set for Version 1.5 according to the timeline here? --> http://jquerymobile.com/roadmap/ Is there a possibility that JQuery Mobile is simply dropped? You have bootstrap becoming more mobile and more responsive and I'm wondering if the popularity jumps there and leaves JQuery Mobile. JQM is much easier way of looking at things for me as Bootstrap throws everything in but the kitchen sink, and that's an option. Anybody have input or knowledge?
Menu not initializing
Hi. I am using a lot of jQuery UI in this project and haven't had issues like this before, so I don't know what's going on. I have a simple unordered list with list items, and I then apply the menu function. It looks just like in the jQuery UI Demo page for Menu. I can tell that it is partially working because when I inspect the UL element, I see new classes and other data applied. However, the LI elements are completely untouched. Here is what the item looks like in Firebug in Firefox: <ul id="test"
jQuery created a div. How to change proprety of this div?
Hi All, I'm trying to make a multi window system. It's like each link the user click the jQuery create a div automatically and set id. As below: $(".link").click(function() { var value = $(this).attr("href"); var value_without = value.slice(1); if ($(value).length){ // check if the div exist alert("nao"); } else { $("#content").append( '<div id='+value_without+' class=panel><input type=button class=minimiza value="_"><button class=fecha>X</button>'+value_without+'</div>' ); $(value).draggable({
Problem replacing html text
Hello I'm stuck with this. I'd like to give the user the chance to think if he is completely sure of delete his account before to do it. So, I put an <a> tag which calls the following script: $(".editAccount a").on("click", function(e){ e.preventDefault(); var curr = $(".editAccount").html(); var r = $(".editAccount").html("<h3>ARE YOU COMPLETELY SURE OF DELETE YOUR ACCOUNT..</h3><div><a class='yes'>YES</a><a class='no'>NO</a></div>"); }); My idea is if he clicks on "NO" he "goes
how to hide the 'x' button in Autocomplete Jquery UI in IE11
Hi, how to hide the 'x' button in Auto-complete jQuery UI using IE 11 as default browser when i put the cursor inside the input Auto-complete jQuery UI a button 'x' appear in IE 11 problem just in IE 11 http://i.stack.imgur.com/RpAlp.png i use that css code but it s not working .ui-autocomplete-loading::-ms-clear { display: none!important; }
How to avoid buttons being disappeard after resizing and dragging jQuery dialog
I have a jQuery UI dialog here in Jsfiddle with the below properties set to true. draggable: true, resizable: true The issue is that the button is getting disappeared when i resize/drag the dialog, It looks like its jQuery UI's default behaviour. I would like to see the button still show even after resizing and dragging
understanding the usage of e inside carasoul.js
hey guys i was just going through the code of carousel.js and i am a little bit confused , now we it comes to attaching events i ofte see code as follows :: $('a').click(fuction(e){ if(e.target.targetNode == $(this)[0]) //do something }); I am still a bit confused , who is passing the e ? WHO really is passing that e inside the function ? also in the plugin code i see things like the below : Carousel.prototype.keydown = function (e) { if (/input|textarea/i.test(e.target.tagName)) return switch (e.which)
create a txt file with ajax and php
Hey everyone, i want to write a Script which creates a txt file with some user entered variables. The communication between the script and my HTML Document with ajax works fine. But i have some problems with the creation of the file. Maybe someone find a small mistake in my script... <?php <!-- SAVE POSTDATA PART--> $content = "test without variables"; $savename = "test.txt"; $file = fopen($savename, "w"); fwrite($file, $content); fclose($file); echo $savename; ?> And the JavaScript Part: $("#mybutton").click(function(){
Looking for form restore plugin
I am gonna use ajax to add and update data, I will get json data from api, and restore it into the form for edit, any plugin can do the restore thing?
Newbie here trying to use external javascript
So I was using CDN to use javascript through JQuery in the html, but for organization's sake, I would like to have my javascript externally, but I can't get it to recognize the JQuery anymore when its on an external file. Can anybody let me know how to use CDN for Jquery and have Jquery/javascript in an external file? Thanks!
Tap event on Radio Button
Hello all. I am trying to add the tap event for radio buttons widget and it does not seem to work. Can someone help me out here? The JS is here... $(document).on('pageshow', function(){ $("input:radio[name=cuisine-choice]").on("tap", function() { console.log($(this).val()); }); });The HTML is here... <fieldset data-role="controlgroup" id="cuisine-choices"> <legend>Choose your cuisine</legend> <input type="radio" name="cuisine-choice"
Need assistance with JQuery File Upload implementation issue...
I'm trying to figure out how I broke the JQuery File Upload plugin as my "Add Files " is no longer a button but text, does anyone know how to fix that problem? (see attachment) I'm pretty new to JQery and jscript.. go easy on me. Thanks,
Passing info to an iframe in jquery.mobile
I have used the map from the example here http://demos.jquerymobile.com/1.4.0/popup-iframe/#&ui-state=dialog If you look at map.html (which is the source of the iframe) it has lat/long co-ordinates How would I pass these co-ordinates from the parent page? I have tried lots of things but nothing. When the parent page loads - it loads the map.html page before I get chance in the creating page javascript to be able to pass in the lat/long I have also tried in the parent page, when I get the lat/long,
jQuery Mobile style doesn't affect the app after visiting an external link
I've created an mobile app using jQuery Mobile and Phonegap. When I visit my app features by pressing the buttons,jQuery styles works fine. But when I visit other web links through my app and come back to the app again, the app styles and interface appears with no jQuery mobile style. Here is the screen shot- Before visiting external web link: After visiting external web links through the app: Here is the code for this page- <body> <div data-role="page"> <div data-role="content"> <div data-role="header"
Being able to select multiple stylesheets with this styleswitcher plugin?
Its not possible unless the plugin's code is modified. I've contacted the author about this but I don't think he has time to make it happen. He does like the feature idea though. https://github.com/camsjams/jquery-style-switcher So what can we do to the core file to make it happen? You know to be able to select two themes so to speak at once. I could make several themes, one series for colors, one series for background changes, one series for layout changes and so on! This would allow the end user
How do I create auto resizeable button and text using jQuery Mobile?
I am trying to create an android mobile application using phonegap and jQuery Mobile. I've created the interface of my app, created some buttons and some other basic stuffs. This runs into android flawlessly. The interface, buttons are fine in my tab. But when I installed it into another android device of lower screen size the interface became awkward. The button size was all ok, all the buttons had equal height and width but the button text was not fitted with the button width. Text of longer length
jquery ui draggable not working properly when changing the angle of parent element with css rotate
When I change the angle of the parent element which is specified for containment of a draggable element draggable is not working properly. The draggable element is going outside the containment element. Its working properly If I didn't rotate the element. jsFiddle is here Here is my code <div class="container"> <div class="draggable"></div> </div> $('.draggable').draggable({ containment: ".container" }); .container{ width : 250px; height : 250px; margin: 70px 0 0 70px; border : solid 1px #333; -ms-transform:
div... scroll out of view, up or down, trigger event...
So, i have been at this for a few hours, searching for jsfiddle examples i can modify to fit my needs... if a div scrolls out of view or into view, i want to trigger a example event like ( hide,fade, alert or anything) if the div is above the screen? if the div is below the screen? if the div is center of the screen? the example bellow is missing the "if the div is above the screen?" this was my attempt, but i fail... its as close i could get... else if (objectBottom < windowBottom-500) {//the
Click function for map marker syntax
I'm writing a script to call a unique bootstrap modal depending on which map marker is clicked on a google map. I can't get the modal to launch within my click event of the for loop. If I write a click event for each marker independently it works fine, but I don't want to write 50 click events... I know its how I'm writing the click event thats the problem, I just don't know how to write it properly. var map; var mapOptions = { zoom: 8, center: new google.maps.LatLng(43.819201,-79.535474),
DataPicker CSS color issue... where to change?
I'm using an earlier version of the Date Picker on my site and like the format of Orange.. as opposed dingy grey. (see attached) Where can I make the changes so that my Calendars are synched p from a CSS perspective? Thanks,
jQuery populate list like ng-repeat
I am wondering what is the best way to create repeating elements for a list in jquery, such as posts in a blog etc. I guess I'm asking if theres something more like ng-repeat with just jquery. Right now, I'm just manually creating every element with jquery, giving them an id + the position in the array. This doesn't seem like a very elegant solution to me, and makes reusing components even messier. I read into html templates, but that seems to be manipulated using pure JS without a jquery solution.
how to dynamically assign rowspan to td based on number of rows in the table by creating Handlerbar template
Lets say in a div i want to dynamically create table based on the collection which i assign the handlerbar... Lets see the below code.. <div> <table style="width:100%; table-layout: fixed;"> <tr> <td style="background-color:green">Old Value</td> <td> </td> <td> </td> </tr> <tr> <td style="background-color:Gray" rowspan="4">New Value</td> <td>Team A </td> <td>Player1,Player2,Player3</td> </tr> <tr> <td>Team B</td> <td>Player4,Player 5,Player6</td> </tr> <tr> <td>Team C</td> <td>Player7,Player8,Player9</td>
Updating jQuery Plugin (Camera Slider) to work with current jQuery
Hi, After scouring the internet for longer then it probably should've taken me, I finally found the perfect jQuery Slider that fits my needs. It has a responsive design, and it has awesome transitions. The problem is it uses an outdated jQuery (1.4 I believe). It also uses a customized version of an outdated jQuery Mobile, but I don't plan on using jQuery Mobile for anything else on the site, so I don't foresee that being a problem. Does anyone know how I might go about updating this plugin to work
Next Page