is it possible to change keyboard language on a textbox?
Like if the user is typing in Hebrew then on a specific textbox (input id="engonly") I turn they keyboard language into English automatically using jquery or any other language?
node.js
is anybody knowing node .js here.can u help me with reply.
HTML5 Slideshow
Hi, I was just wondering, if I wanted to make a slideshow like this: http://www.elegantthemes.com/demo/?theme=Fusion Where the text slides in from the left first and then the image fades in or whatever, can I do this in jQuery or is it Javascript that I need? Do I also need any special HTML5 tags to do this? I'm just wondering if I should focus on learning to code it in jQuery or Javascript. Thanks.
How to make google maps full screen work?
Hi, How can I make google maps in full screen work with jQuery mobile? Right now I am using the basic full screen sample code from google maps and as soon as I include jQuery mobile 1.3, google maps does not load display anymore... any clues? Cheers, J.
Fading a div when scrolling
Hello! Hope you're fine! I'm new to jquery. For a couple of hours ago I tried to make a script which fading a div when scrolling down. But I can't make it work. I want the div to fade out more, and more when scrolling. And when scroll back up, I want it to fade in again. Hope you can help me! Thankful for all help! Please see "Demo". Div called fade_me <script src="jquery-1.9.1.js"></script> <script> function fade_div() { window_scroll = $(this).scrollTop(); $('#fade_me').css({ 'opacity' : 1-(window_scroll/100)
problem with pageshow-event timing
Hi, i have a mobile application with different pages in one file. First page is "pageMain": <div data-role="page" id="pageMain"> ... </div> I want to show a dialog before using this page, so I have a second page: <div data-role="page" id="pageMainTerms"> ... </div> Then I have a function to open this second page as a dialog: function automatedTerms() { $.mobile.changePage( '#pageMainTerms', { transition: "pop", role: "dialog" } ); }and start this dialog with using the pageshow event in the body
Can I ajax images and store in variable?
Hello, Can I ajax all of the images in a folder and store them in the success variable? If so, does anyone have any examples? Thank You
How do you link the jQuery UI/ plain jQuery to HTML?
I don't have a clue how this works.
Getting Autosuggestion box placement changed
when we type chars autosuggestion box placement got changing.for screenshot i send image also.kindly any body help me out.
Need help finding documentation
I am having a real problem finding the following documentation. My problem is I don't know what it is called! ex: ui.newPanel.text(); ui.newHeader.length Where did they find the documentation for the function .text()? How do you know there is a .text() function? Where is the documentation for the all the values associated with the newPanel object? I keep hitting dead ends with the jquery documentation, maybe I don't understand what an object is? Consider me extremely newbie and I need to know
Jquery UI Tabs
Hey guys, just started using Jquery UI Tabs, but seem to be having some problems with it. I have created three tabs, all with different information. I want it though, so that 1 tab has a form in it, like an email form. When I try do this though, the form always seems to be moved outside of the tabs, but if you change tabs, it acts like its inside that tab and disappears. Was wondering if someone could help me fix up this error im getting. Or has any ideas what im doing wrong Thanks
jQuery Cycle: help with "next:" option
I am running a fairly simple repeating, fading slide show: $('#slidecontainer').cycle({ fx: 'fade', timeout: 8000, speed: 800, next: '#slidecontainer', pause: 0 }); The idea being that the slides will auto-transition on a 8000ms timeout, but that the user can speed it along by clicking on on a slide to immediately advance to the next. This works fine. What I would like to do, however, is to disable the user's ability to manually advance to the next slide for some of the slides in the slideshow.
Sliding Image is not working what's wrong in the code can anyone help
<%@ page language="C#" autoeventwireup="true" inherits="ImageSlider, App_Web_7krkr16x" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <link rel="Stylesheet" href="SlideImage.css" /> <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript"
jquery.ad-gallery.1.2.4
Hi I am really new to jQuery and indeed building websites at all. I have been looking for a photo gallery for my current project and the one that really works for me aesthetically is jquery.ad-gallery.1.2.4. I have managed to customise it and get it to look like I want but I don't know how to get it into the page. My instinct is to 'Insert' it into the cell that I want is to appear in, however, I cant find anything in 'Dreamweaver - insert' that looks helpful. Sorry to be so very green - I am not
How to select deleted or written text
I want to tag deleted or inserted strings like "Hi guys" //original "Hi <d>guys</d>" //final in this example user tries to delete "guys" but it is just tagged. Or lets say that user adds some text to ours. "Hi guys" //original "Hi guys<i> how are you</i>" //final i also want it to be tagged like that. Is there any single way, any single possibility that i can do this.
Help me, please, to animate a tag using css data
Before, I am sorry for my (rus)English. There is a task: to create animation on the basis of data of dynamically added styles table. The decision received for evening: //1 расширить до: получать массив из классов, //2 флага удаления противоположного модификатора по БЭМУ //3 рекурсивно выводить для всех вложенных классов которые он может затронуть $.fn.animateClass = function (className, callback){ for(var StyleSheetList = document.styleSheets, i=0; i<StyleSheetList.length;
jQuery Split?
Hi guys, I'm curious about whether there is any implementation of a jQuery split method that incorporates cross browser use for Regex. IE8 has some problems with understanding Regex in split in the same way the modern browsers do and I found a nice polyfill script that solves it. However, is something like this under jQuery's "jurisdiction"? I was certainly surprised when I realized that split doesn't work the same way in all browsers. In fact, I usually use the lack of a jQuery solution as an indication
Zoom an image in a Jquery mobile page (not zooming the whole page)
Hi team, I got a question when I try to insert a zoomable image into a jQM page. In this page I only get a header, an image in content div and a fixed position footer. The thing is when I try to remove <meta name="viewport" content="initial-scale=1.0, user-scaleble=no" /> , the whole page(including header and footer) will be zoomable, from my understanding, the zoom function should be defined by iphone/android browser right? Now what I want is only the image can be zoom, can someone help and provide
call a phone number with javascript?
So I am having this problem, <a href="tel:123456">123456</a> works as it should, but when I call it in JavaScript like so window.location="tel:123456" it does not work. I really need to get this done with JavaScript. See scenario: 1. User clicks on a number 2. Message popups asking user to confirm calling XXX number 3. When user clicks OK, popup is closed, custom action is invoked, phone is finally called. Any help is really appreciated.
mouseover change the picture?
Hi This is my code I want to set the mouseover and change the color when the mouse goes over td with id="change" but it is nit going to work?! why is that? Also coudl you please help me how I can use jquery to change the picture od td with id"pichcnage" to 2.bmp by mouse over? thanks <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <style> table,th,td{ border: 1px solid black; } tr.nice td{ backgroud:#1F44GG; } </style> </head>
Using jQuery to loop through elements and call user-defined function
So I'm trying to use .each to iterate through an unordered list where each element has a tag. If the element has "tag1", then the element is shown on screen, if not then the element is hidden. The problem is when I used .each, for each iteration I want it to call a user-defined function typeCheck(). Case 1 index.html <a href="#" id="button">Button</a> <ul id="list"> <li class="tag1">Item 1</li> <li class="tag1">Item 2</li> <li class="tag2">Item 3</li> <li class="tag3">Item
Combining lazyload and masonry scripts problem
Hi, I am new to jquery and wonder if there might be a theoretical solution to the following. I am using two jquery scripts. 1. lazyload 2. jquery.masonry.min.js Lazy load does the loading of images as one scrolls the page and masonry positions the images so they fit into available spaces. The problem is lazy loads the page with holding images first. Then the masonry script positions them. That all works fine as the holding image is one height. As one scrolls the page and the actual images (all
bug JQ ? SELECT/CHECKBOX/RADIO
Hello everyone, i'm experiencing a crazy bug with JQ, with a very simple code : js fiddle test bug i use a SELECT and add the attribut "selected" on each "OPTION" one after one. the bug appear after the first run on all "option" -> the browser stop refreshing the visual i have the same bug with CHECKBOX and RADIO condition for the bug : OS : windows XP (don't try on other OS) JQ : 1.9.1 browser : FF or Chrome (works fine with opera) if i use an old JQ (1.6.4 / 1.7.2 / 1.8.3) the bug dispear. so now
Error Messages not colored or placed properly
Hi all: My experience with JQuery and PlugIns is limited so I apologize in advance for (probably) a quite basic question. The page I am referencing is here: http://www.communitycarestraining.com/registration.cfm My question is about the error messages which are returned when a field is not inputted correctly. Right now the error messages are plain black text and they butt up tight against the field box. I would prefer them to be colored red and put just under the field box in question. As this is
Footer link color
How do i change the color of links in my headers and footers?
Is there any method to change the style of the cross domain. using jquery?
hi every one i was following the following URL to change the style of my other domain using jquery but i couldn't do so. is there any help or suggestion how to do this? very last demo is there on the given URL
how define a anonymous class?
I want to use anonymous class on my java program
Load iframe completly.
Hi. I use this code for load an iframe: $("#button_body").click(function () { $("#KeyShotVR").html("<iframe id='teste1' name='nomeIframe' src='http:/meusite/teste/body.html' width=' 1023' height='575' frameborder='0'></iframe>") }) This function corectly. But I need to know when this iframe is completely loaded. I try this: $("#teste1").load( function (){ alert("ok"); }); But anything happens... Any help? Thanks
Droppable items data doesn't update
Hi, I'm having an issue with droppable and dynamic items. Say, we have a list of droppable items like the following: <ul> <li class="item" data-index="0"> <li class="item" data-index="1"> <li class="item" data-index="2"> </ul> If with some script we delete the first one and recalculate the data-index values, so item with data-index="1" get data-index="0" and so on.....Well when calling ui.draggable.data('index') inside drop callback, we get the old value. I tried to simply call .droppable()
Upload Image using Jquery Mobile
Hai, I am Developing Small Jquery Mobile App. The New Jquery Mobile Features and UI very nice. But I have samll doubt on Upload Image. i am using like <input type="file" data-clear-btn="false" name="file-2" id="file-2" value="">. in web browsers its working fine . but Some Android Mobiles means 2.3 2.2 versions not working properly. in android 2.3 and 2.2 when i am click the fileupload button it sows only Choose image From Gallary. Not Showing Camera Option.. in 4.0 version Shows Both.. plz
qunit and requirejs
Just posted this on SO, wondered if I'd have more luck here: 'm using QUnit to test my JavaScript. I'm also using requirejs. I have test code which looks like this: QUnit.config.autostart = false; require(['tests/tests'], function () { QUnit.start(); //Tests loaded, run tests }); This works great in FF (19.0.2 as it happens) but in both Chrome (27) and IE (10), I'm getting a QUnit error: "pushFailure() assertion outside test context" Turns out that I don't need the call to QUnit.start in IE and Chrome.
reminder service
Hi everyone, today i talk to about reminder service. I thing any person want to take take some idea about reminder service so any body can get very good information by the follow this reminder service. I fund very good information by this link. If you get some about reminder service so please visit this link and find kind information.
How to know the grade of Mobile Browser in Runtime
Hi team, Is there any sure shot method , function or Plugin which will help us alerting the Mobile Browser grade as per JQuery Mobile specification and compatibility Matrix This will be a great help for Application devlopers to inform the End-User if there browsers are not compatible. Regards, Anurag
Can I use jQuery Tabs UI with HTML table?
I have this html table generated. I need to apply jQuery Tabs UI to it to hide/show tbody sections like tabs, but it's not working. Any help is appreciated. Thank you. UPDATE Sorry, the layout and jQuery tabs work fine, probably forgot to close some tag ;) <script> $(function () { $("#folders").tabs(); </script> <table id="folders"> <thead> <tr> <th>My folders</th> </tr> <tr> <td> <ul> <li><a href="#folder1">Folder1</a></li>
camera options in JqueryMobile
Hai i have samll doubt . Is there any camera Options to open camera When i am click the Button in Jquery Mobile. <input type="file" data-clear-btn="false" name="file-2" id="file-2" value=""> not support for open camera in Some Android Devices and Iphone ... In New Android mobile Versions working fine .
Question on efficiency of script
Hello: I've just finished writing a routine to do the following: Use $.post to grab a dynamically produced php table and display it in a "group" container. The table shows 1 line for each group member, and their privileges. Use $(".grpBK_O1 select").map(function(){ to iterate through the resulting member table and grab the value of the privileges <select object. Assign values to variables that will be pushed into an array Use $.each(memberID, function() { to test and process EVERY memberID Use
Can I apply a style using the jquery-ui css file to every <input>?
I know you guys are gonna be like, "Yeah, of course, dummy. That's the most basic, GED thing on earth." Using the UI, I know I apply class="button" to all my buttons, and it styles them. Can I do something similar for all my text boxes so I don't have to style them all individually? style="background-color:#f4f0ec;border:none;width:32%;height:25px;margin-bottom:5px; margin-top: 10px;border-radius: 2px;"is basically what I've been doing. I know there has to be an easier way, I just can't figure
non-stretching background?
I'm trying to make a nav menu. I've not done much jquery before, but have managed to get this far. I expected the default behavior to not stretch the background image, but it does. Is there a css3 tag or some other approach I can use to prevent the background from stretching when I change the height of the div? Here's my menu so far... <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
jquery mobile table code download
I looked into the jquery mobile table.... but dont know where to download the code.... can you tell me where can i download the sample code.... http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/table-reflow.html @media ( min-width: 40em ) { /* Show the table header rows and set all cells to display: table-cell */ .my-custom-breakpoint td, .my-custom-breakpoint th, .my-custom-breakpoint tbody th, .my-custom-breakpoint tbody td, .my-custom-breakpoint thead td, .my-custom-breakpoint thead th {
Using a contains with variables in an if statement
I have am fairly new to jquery and was wondering what the best way to check to see if one variable contains another. My first var is a string of values. example Value1;Value2;Value3. I have tried various approaches but none have worked. $(".EI-Disc-Outer").each(function(i){ var metadata = $(this).find('.EI-Metadata').html(); var pageMetaTitle = ";" + pageTitle;
Next Page