Help with Basic JQuery slider - markers
Hi, I am using the "Basic jQuery Slider plug-in v.1.3" to show rotating images in my aspx webpage. This works fine. There are markers oval shaped in the left of the page. I want the currently active image marker to be highlighted and the rest be transparent. There is a function as below in the plugin: var conf_markers = function () { // create a wrapper for our markers $m_wrapper = $('<ol class="bjqs-markers" style="position:absolute; width:31%; left:0px !important;bottom:10px
Load Image from another URL
Hello, i want to ask if it is possible to load a image from another URL with jquery? My Problem is, i have a picture on my index page, and if i wan't to show this image, i need to klick on it and it loads in another page. If don't want it so, i want to have a popup and load the popup with jquery. Now i need to load the image url from the another page, it is possible? If yes, how? Best Regards Slexout
problem with my dialogbox code
hey guys, I am trying to work on this dialogbox,I managed to do it,but still got some problems with position property even I use normal direction like top and left and use coordinates,but still both of them don't work here is my code: <html> <head> <html> <head> <link rel="stylesheet" href="jqueryui/jquery-ui.min.css"> <script src="jqueryui/external/jquery/jquery.js"></script> <script src="jqueryui/jquery-ui.min.js"></script> <style> </style> <script type="text/javascript"> $(document).ready(function(){
simple show function for DateTimePicker
Hi I'm using this datepicker with the following code which works great <script type="text/javascript"> $(function () { $('#end_time').datetimepicker({ format: 'LT' }); }); </script> but how do i use the show function so it shows on the page without me having to click on the input field.
lazy-load-xt no picture are loaded
Hello I'm using the lazy-load-xt plugin with the responsive extension. In Some cases no pictures are loaded. But why? <img class="img-responsive" sizes="(min-width: 36em) 50vw, 100vw" data-srcset="http://lorempixel.com/375/275/ 375w, http://lorempixel.com/350/350/ 480w, http://lorempixel.com/384/384/ 768w, http://lorempixel.com/720/480/ 800w" alt="a picture" /> Or the hole website http://fewo-bronner.de/bootstrap/temp.html
What is the difference between "data-role" and "role" in the following example ?
http://api.jquerymobile.com/page/ ------------------- <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>page demo</title> <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="page1"> <div data-role="header">
Using CSS To Make <a> tag bold in example code snippets.
Hi. I working through the examples provided at http://learn.jquery.com/about-jquery/how-jquery-works/, but I cannot seem to get $( "a" ).addClass( "test" ); where <style> a .test { font-weight: bold; } </style> Is the complete source file available so I can compare it to what I'm doing locally please? Thanks In Advance for your response.
How create a folder in local system from client side using jquery?
Hi All, How create a folder in local system and create files in that folder and need to open that files using Jquery from client side.There is any option or sample code or any idea about it?
I honestly don't know which forum I have to post this so let me know...
If you go to this site http://jqueryui.com/selectable/ as an example since any component selected there do the same thing, you'll find a VIEW SOURCE link for every component. Now when you look at the source and want to copy this source you end up with extra line feed between each line when pasted anywhere VS, Notepad++, Word, anywhere I paste what I copied from there has an extra line feed between each line. Could someone point me in the right direction to advise the site master that this is wrong
How do I send form name variable?
I am jQuery/Javascript-noob and farily good at PHP. I would like to make a generel Jquery function where when I enter something in a form-field (text, textarea, etc.) and leave form-field, e.g click outside formfield the function sends data from form field to PHP. My problem is that all examples allready have form-name in the jQuery-function which is annoying! example....I could in same screen have: <input type="text" name="firstname" value=""> <input type="text" name="lastname" value=""> <input
Proper way to implement the decorator pattern in js?
Let's say you you were using a 3rd-party library that had a Hammer object as part of its api, and you wanted to decorate the swing() method to log every time it's called. What is the proper way to do this in js?
Never used JQuiry or Javascript
I have built websites for several years but have not used java script other than ready made scrips for things like guest books Because of the number of different resolutions used, I now need to be able to swap photos (or resize) according to the resolution the visitor is using, I believe this may be possible with jquery but I don't really know where to start , some advise would be appreciated Thanks
Link to a specific tab from the same page tab
Hello, I need to be able to link to a specific tab from a menu that is present on all the pages. This means that the link has to activate a particular tab while on the same page (this is important, I can get it to work from another page). In the current version of jquery UI, I can link from another page directly to the tab, no problems. But not the same thing happens if the link is on the same page with the tab I am trying to access. I have 2 questions: 1. there something I can do to make the link-to-tab
Problem with hash (#) encoded (%23) with href="tel" on Iphone 7
Hello, first of all, sorry for my english . I have the following problem with my jQuery mobile app. I need to put a hash (#) before the phone number , i solved this with this : <a href="tel://%2300000000"> <h2>Phone Number</h2> <p>#00000000</p> </a> It's working fine on Android , but on Iphone , i couldn't finish the call. I can see the #0000000 correctly when the confirm window is open , but when i select to call
Introducing JQM carousel widget
One thing I find lacking in JQM is a carousel/gallery widget. There are a lot of carousels out there, but they usually require some customization to mesh with JQM and also add extra overhead, because JQM provides most of the things needed (transitions, events, ...) out-of-the-box and tested. So I made a carousel widget based on JQM Github: https://github.com/frequent/JQM-carousel JSBIN: http://jsbin.com/ofuhaw/1290 Note the widget does not require any dimenions to be set - it will auto extend to
did not understand this code
Hi, I found this code : http://jsfiddle.net/mlotfi/91w82bLf/ , I did not understand this line : (text.indexOf(valThis) == 0) ? $(this).parent().show() : $(this).parent().hide(); Thanks, your help is appreciated.
Reflow table on Weebly using JQuery Mobile
Hi, I hope this is the right forum, I'm trying to add a reflow table on my weebly website (still in the development stage) so it can be mobile responsive. Weebly is still limited with offering this kind of features. I followed the instructions found here: http://www.w3schools.com/jquerymobile/jquerymobile_tables.asp. The table will show correctly but the rest of the website disappears, header and footer included. Can anyone advise? Many thanks!
Why must I click the anchor element twice for the function to run?
////////////////////////// the jQuery in my nav.js file ///////////////////////////// (function($) { $('a.toggle-menu-icon').click(function() { $('nav.page-nav').addClass('open').toggle(); }); }(jQuery)); /////////////////////////// the HTML //////////////////////////////////// <div> <nav class="page-nav top-nav" role="navigation"> <?php wp_nav_menu( array( ) ); ?> </nav> <a class="toggle-menu-icon toggle-main-navigation"> <span class="screen-reader-text">Toggle Main Navigation</span> </a>
timepicker not working on mobile/tablet
Hi, im using a time picker from bootstrapformhelpers works great on a desktop but on mobile the up and down buttons don't increment or decrement the time as it should. I've checked various forums and stackoverflow posts for a fix but can't find anything. Theres a post on the authors github page but theres been no response since last march. Is there anyway i can target these arrows and make them increment and decrement with some jquery code which i can input on the page?
jQuery Draggable stoped working in IE when iframe document reloads
Try this http://jsfiddle.net/jzo5et11/9/ My problem is after pressing "ReLoad" button draggable stops working. Please help
using zrssfeed to show feed in same page
hi guys. i'm looking for way to display complete rss feed in same page.i'm using http://www.zazar.net/developers/jquery/zrssfeed/ to get feed and it's cool to display links,but i wana when user tap on link it's show in same page. tnx
I want to search the item from my menu. If search content available in child
<script> $(document).ready(function() { $('.s').keyup(function(){ var valThis = $(this).val().toLowerCase(); $('.countryList>li').each(function(){ $('.countryList1>li').hide(); var text = $(this).text().toLowerCase(); (text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide('.countryList1>li'); }); }); }); </script> <input placeholder="Search..." class="s" type="text" /> <ul class="countryList"> <li><a href="#3"><span class="title">India</span></a> <span class="arrow"></span> <ul class="countryList1">
How to use multiple autocomplete with categories in same page.
Hi, Need to implement multiple auto-complete with categories in same page. I have implemented single auto-complete with categories.. Please guide me solve this issue.. This is my code, $.widget( "custom.autocomplete", $.ui.autocomplete, { _create: function() { this._super(); this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" ); }, _renderMenu: function( ul, items ) { var that = this, currentCategory = ""; ul.append('<li class="ui-autocomplete-category" style="background-color:
How do i update dynamically created dependent variables when the dynamically created independent variable changes?
When my dynamic independent variable change, I have been able to create a handler that works. However, every time an independent varable changes, I need to change the three dependent variables. I have not been able to get his to work. There is a js fiddle at http://jsfiddle.net/ztgzkpus/5/ . The fiddle only tries to update one dependent variable. I figure it I can do one, I can do three. It is a mystery to me. The '. on' handler can find my dynamically created independent variable but not
understanding $.extend
Hey guys , i have a question about the extend function , check out my fiddle . fiddle now i hav ethe following code : var a = { 'lala' : 'one', 'baba' : 'two', 'dada' : 'three', 'kaka' : 'four', } var b = { 'lala' : 'one', 'baba' : 'two', 'dada' : 'three', 'kaka' : 'four', } var _str = $.extend({} , b , a); console.log(_str); now the doc's says that when u add an empty {} object
Is the jQuery version I can use limited by the .NET version I am using (in Sharepoint apps)?
Very soon (starting next week), I am going to be doing Sharepoint 2010 development, which uses .NET 3.5 JavaScript / jQuery is part of this world, or can be. But are there limitations on which versions of jQuery can be used with particular versions of .NET? IOW, is there a chart somewhere that shows which jQuery versions are compatible with the various versions of .NET? Or can I use the latest jQuery version regardless of the .NET version in play?
default value in filtered search listview
In my web app I use a listview <ul id="autocomplete" data-role="listview" data-filter="true" data-filter-reveal="false" data-filter-placeholder="Enter filter ..." data-inset="true" data-theme="b" data-filter-theme="a" > and it works great - as I type in letters the list view displays. However, I would like somehow set a default value so that one the web page is first loaded it would display the appropriate lists based on the default value. I can't seem to figure out how to do that. for example,
filter by checkbox
I am trying to filter an array by checkboxed, but the console.log did not display anything. http://jsfiddle.net/mlotfi/jxnyscLc/ Thanks.
Side Panel Nor Working on WP8.`
Hi, I'm creating a JQM based app which is built via PhoneGap Build. The 'app' makes use of the multi page model(eg 1 physical page per rendered page) and has a panel in which I have links to various pages. For the panel I have 1 html page which is then loaded into every app page via JQuery in a seperate .js file. This all works fine on Android however, the panel does not appear to be being loaded into the app pages when deployed onto a WP8.1 device. Panel loaded via 'js/clinical-left.js': $(document).one("pagebeforecreate",
Urgent Help: Regarding jquery mobile popup
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> <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.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> I have a problem with the jquery mobile popup in javascript i defined a
pagging with popup
Hello, Is there any example about paging ? and inside each page there is a popup window ? I tried to do that but It didn't work with me. Thanks in advance for your help.
Hi. Creating Hangman game with Jquery, need help
Hallo gaiz. I will not paste all of code that I have used, I will show where I am stacking : ********** this.wrd = this.randomWord(), ***** randomWord: function(){ return this._wordData(this.words[ Math.floor(Math.random() * this.words.length)].word ); }, ^^^ this is a random word generator. ^^^^ then i am creating 2 object : var wordList = [ { word: "book", hint: "this is my book hint" }, { word: "room", hint: "this is my room hint" } ]; s and now when I am using for example
Browser/JQM not showing the updated content
Hi everyone, I've created an app using JQuery Mobile. There are several checkboxes ( 3 persons), at the beginning all three checkboxes are enabled . When I disable the first person and submit the form (button "Speichern"), the expected result is, that the disabled person shows up disabled as the last checkbox. But instead of this, the person remains enabled and an other (the third one) gets disabled . Hitting Ctrl+F5, the page gets reloaded and everything looks nice as expected. You can do your tests
out of stack space error in jquery-min.js
hello , I use jquery in a SharePoint publishing page and i get a popup window only in IE8 64 bits with "stack overflow at line 5" message , when i see in the console of IE , i see the message "out of stack space jquery.mins.js at line 9531". Anyone have seen this message before ? How to know the jquery code that cause this error ? Any help will be appreciated. Thanks
prop not working ie
I'm using version 2.1.3 of JQuery and IE 11. These calls were working in IE 8 with JQuery 1.11.2, but the company is moving everyone to IE 11 and we are tying to get our site ready for the change. Here's my HTML: < span class ="elemObject"> < select name ="EditArea" id ="EditArea" elementnumid ="" size ="15" elementid ="EditArea" issearchable ="True" initvalue ="" ismulti ="False" fieldtype ="Dropdown" validationErr ="" parentnumid ="0" permission ="R/W"> < option value ="crap"> Stuff </ option
Sidebar not fixing properly with jquery ".css" function. #solved
Hi, in search for a fixed sidebar jQuery code, I found this tutorial , which has this fiddle example . The html , css and js codes are very simple, and while kept simple it works fine. Though, when I tried to insert it in my sandbox project , something goes wrong. Within my project selectors specifications, the js script goes like this: jQuery(document).ready(function () { var length = jQuery('.product-shop').height() - jQuery('#sidebar').height() + jQuery('.product-shop').offset().top; jQuery(window).scroll(function
WHY is my selector going up instead of drop down? FORMSTONE SELECTER
I have been trying to customise the selecter plugin but I have no idea why my selector is going up instead of dropping down. I am losing my mind. :/// Please help. http://jsfiddle.net/newbie_ready_to_learn/shnrwdfn/2/#update Normal behaviour: http://formstone.it/components/selecter
Connected Tabs issue
Help needed in jQueryUI code (tab+sortable+droppable+draggable) I'm working on a project and I've designed a "Connected Tabs" interface, based on jQuery-UI's demo pages for: Sortable - Connected Lists Droppable - Shopping Cart Draggable - jQuery UI Draggable + Sortable Tabs - Sortable The (visual) part I'm struggling with is as following: After re-ordering any Tab the visual effect hide/show Tab does not seem to work on a "drop" action. If the Tab order is re-arranged in the original order, the
How can i filter select box with appended values?
Hi guys, I created a view with two filter box and two selectbox. When user type a value in the filter box it will filter the related selectbox. And when user clicks on an element in the select box it will transfer the item to the other selectbox, vice verse. Problem is the 2nd filter is not working.. Please take a look at my code here. http://plnkr.co/edit/9ZgUVxfIqk1uHUxaLjPz?p=preview PS: please expand the view screen alittle. My UI is quite wide. Thanks in advance!
Setting tab url dynamically - jQuery UI Dialog
I am unable to set the tab url dynamically. Idea is to conditionally load different views(.html) into #tabsDynamic (fifth tab). Have tried every means but it doesn't work.Idea is to make Ajax Calls to different views and populated the tab <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Simple manipulation</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/cupertino/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
Next Page