Selected image preview
Hi! Can somebody tell me how to make "Selected image preview jQuery plugin" work in IE? Thanks.
Is there a way to use "mixed mode" for autocomplete
Hi, What I mean is, we know how to do value/label pair for items, i.e. var availableTags = [ {value:"1",label:"apple"}, {value:"2",label:"orange"} ] What I wonder is, if we can do something like var availableTags = [ {value:"1",label:"apple"}, {value:"2",label:"orange"}, {123,234,345} ] so that we can perform autocomplete by either ID or Name. Doable? Thanks in advance.
Dead link to MDN reserved words resource
Current link in guide points to ' https://developer.mozilla.org/en/JavaScript/Reference/Reserved_Words, ' (MDN JavaScript Reference) Should point to ' https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Reserved_Words '. Looks like an extra comma got slipped in at the end. Just an FYI.
It doesn't work on google chrome but works fine on IE
The modal dialog works fine when I click on the gridview row on windows explorer, but it doesn't function at all when I try it on Chrome. <head id="Head1" runat="server"> <title>test</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <style type="text/css"> .ui-widget { font-size:10%; }
Dynamic data in listview injection problem.
Hi guys, I've coded a Jquery Mobile application with a list view widget. Everytime i trigger the "create"-Event on each list view item or call the .listview("refresh") function i get the following error: Error in Mozilla Firefox (Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0): TypeError: c[0] is undefined ..."ui-collapsible-collapsed",k),i.toggleClass("ui-collapsible-content-collapsed",k... jquery....min.js (Line 2) Error in Google Chrome: (Chrome/24.0.1312.52):
Change cursor to wait while loading a content, after, chage cursor to default when loading content is finished.
Hi all, as the tittle says, I want to change the mouse pointer to diferent images, something like: $('#searchFor').keypress(function(e) { code= (e.keyCode ? e.keyCode : e.which); var nombreServer = $('#searchFor').attr('value'); if (code == 13) { $(this).css('cursor','progress'); $('#muestraListadoServers').load('mostrarServer.php',{sname: nombreServer}); $(this).css('cursor','default'); } });Of course I know it doesn't work this way, but it is a graphic way to explain it. I tried for example:
Why isnt my jquery datepicker working in IE?
This code works well in firefox and chrome, but in IE I have just a blank box and nothing happens when I click in the box. Can you tell my why this isnt working in IE? (tested on IE.9) <html> <head> <script src="https://ajax.googleapis.com/ajax/li… type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/li… type="text/javascript"></script> <script> (function() { var elem = document.createElement('input'); elem.setAttribute('type', 'date'); if ( elem.type === 'text' ) { $('#date').datepicker({
sliding elements inside inline-block container are poor in Chrome
When an inline-block contains a sliding element it works very poorly in Chrome. Makes the whole container wobble around. Works smoothly in Firefox.
jQuery menu onkey press - open menu
I created a jQuery script which would you require to press numpad0 and it would open up a menu. Pasting "jQuery('.panel_toggle').trigger('click');" works and brings up the menu yet having it in a fuction doesn't work. Also I must note that the console registers me pressing numpad0 so that works fine to. jQuery(document).ready(function() { jQuery(".panel_toggle").toggle(function() { jQuery('#panel_stats').stop().animate({'height':'415px'},500) },function() { jQuery('#panel_stats').stop().animate({'height':'0px'},500)
screen placement
I am trying to place an object in the middle height wise of an area of the screen. I thought this code would work to calculate the Y position of my object: var y = $chart.offset().top + $chart.outerHeight()/2; But the object is displaying about 60% from the top of the chart. Here are some actual numbers from the debugger: $chart.offset().top 367.79999923706055 $chart.outerHeight() 451 y 593.2999992370605What would be the correct way to do something like this?
unable to get custom icon on jQueryUI button
Here is what I am trying to do -- use base64 data on my button... http://jsfiddle.net/ryFSx/ but it is not working out. Any suggestions? ( got the idea from here: http://stackoverflow.com/questions/3224537/change-the-icon-of-a-jquery-ui-button-with-own-image )
jQuery not closing my popup on click
Hi All I am testing a Popup window using jQuery but I am not able close it. Can any one help me in closing this popup. This my HTML Code <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> <script> $(document).ready(function() { //Put in the DIV id you want to display launchWindow('#dialog1'); //if close button is clicked $('.window #close').click(function () { $('#mask').hide(); $('.window').hide(); }); //if mask is clicked $('#mask').click(function () {
Accordion jquery
Help please. how to do that on page load automatically open the first unit? script <script type="text/javascript"> $(document).ready(function() { $('.showhide').click(function() { $('.showhide-all').slideUp(500); $('.showhide').removeClass('active'); $(this).next('div').filter(function(){return $(this).css('display')=='block'}).slideUp(500); $(this).next('div').filter(function(){ return $(this).css('display')=='none' }).slideDown(500).prev('div').addClass('active'); }); }); </script> hpml <style type="text/css">
How to reference jdialog button
If I have a button generated via the jdialog option like below, how can I reference it and disable it from its own onclick function? Thanks! $("#myDiv").dialog({ autoOpen: false, height: 205, width: 400, modal: true, resizable: false, buttons: { "Add": function() { //disable add button here },
Making progress bars work verticaly
Hello! I achieved a vertical progress bar by changing js to this : // Progress Bar $(function() { $(".vertical-meter > span").each(function() { $(this) .data("origHeight", $(this).height()) .height(0) .animate({ height: $(this).data("origHeight") }, 1200); }); }); but it works from top to bottm and I want it to work reverse (bottom to top). How should I do that? thanks.
help with horizontal scrolling content—I must have done something wrong...
Hi all, I thought it was a scathingly brilliant idea to update our client page with content that scrolls horizontally a la the tutorial found here, but for some reason it doesn't work. At all. I'm not sure where the fault lies other than with me somehow even though the jQuery is identical as far as I can tell. The CSS was modified to reflect as closely as possible to what was in the tutorial except that the tabs on the bottom are text links on the left. Could someone please take a look for me? I'm
Jquery.ascensor.js how-to set it up?
Hello, Ia am total newbe in jquery stuff but I want to learn how to use very interesting plugin Jquery.ascensor.js Can somebody tell me how to setup html file and myscript.js to make it work like in demo provided on author site. I tried to do it myself but it doesn't work. I will be very greatfull for any help or tips. my files content: index.html <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.scrollTo.js" type="text/javascript"></script>
jQuery .get() not working in IE9
I was recently informed that a routine I wrote is not working in IE. I know that it has worked for quite some time, so perhaps the issue is related to the newer version of IE. The code is: $(document).ready( function() { var aryRSS = new Array(5); $.get( 'slider_info.xml', function($xml) { var html = ""; var i = 1; $($xml).find('item').each( function() { var item_link = $(this).find('item_link').text(); // The three pieces of
why these outcommented selection methods dont work?
these outcommented selection methods dont work, i cant see why it was about just experimenting <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); $("#div3").css('background-color','blue'); }); }); $(document).ready(function(){ $("#div1").click(function(){ $('.effekt
using two plugins on my site, one seems to have cancelled the other one... please help...
I'm trying to get my site up, and this is what I have so far... http://www.ruesterprod.com/rpjstest_2/index_divhidetest2.html# Right now the only two nav links that function are Welcome and Portfolio, but when I click the portfolio link, I lose the quicksand plugin's functionality, which should work like this: http://www.ruesterprod.com/rpjstest_2/ (Click the "all videos", and "commercials" button... Also, the animation isn't very smooth, is there a way I can fix that? It seems to blink (On the first
Inset lists with text
Hi all, I have some text alignment problem with inset lists. Here is my example: <ul data-role="listview" data-inset="true"> <li data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </li> <li data-role="fieldcontain"> <label>Text to read:</label> This is bad aligned text </li> </ul>The string "This is bad aligned text" will not be placed aligned
Jquery tab resize
Hello, I am using the following for for jquery tab. When I open the following code in IE8, and resize my browser window to a smaller size, the tab page also changes its position. How do I make it not move when the IE is resized? <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
using a value from where the mouse pointer is
hi, i have more rows with different users and i want to get the user id from where the mouse pointer is and land it in the image source of mini_profile div this stupid code of mine looks like this php file echo "<span class='hover'>".$row1['name']."<span class='id_user' style='transparency:1%;'>".$row1['id_user']."</span></span>"; echo "<span class='hover'>".$row2['name']."<span class='id_user' style='transparency:1%;'>".$row2['id_user']."</span></span>"; <div id="mini_profile" style="display:none;position:absolute"><img
Karl Swedberg's "Summarize" plugin: How can I get an external link to open a "summarize" box?
My code for the summarize plugin is located here: http://jjnursingnotes.com/DEC12/jquery.summarize.js My page (http://jjnursingnotes.com/DEC12/ ) is a newsletter with separate articles. I would like to link to each of these articles externally from an email teaser we send out. Additionally I want the summarize box containing each article to expand automatically when its corresponding link is clicked. I had previously used Karl Swedberg's "expander" plugin instead, and I had a solution that worked
Using Theme Roller CSS in ASP.NET web app
I am new to jQuery and Ajax. I have what is probably a dumb question. Are there any shortcuts or tips for taking a theme from the Theme Roller and integrating it into a Visual Studio ASP.NET web app project? The default web app project already has a style sheet but I would like to apply the style from the Theme Roller into the web app. I suspect I'll have to do a tedious examination of the markup in the Site.Master and edit its style tags. Is that what I'll have to do? Or, is there a better way to
Animate scrollTop to look like scrollLeft?
I've used jquery to write a vertical carousel feature. I'm using the .scrollTop() to set the scroll position to display the appropriate content, and I'm wondering if its possible to make the animation of scrollTop look like it's actually scrolling horizontally?
how to add start and stop capability to easySlider jquery plugin on mouseover
I am using easySlider 1.7 jQuery plugin for add a SlideShow to my Designed Website. this plugin has a auto option that we can start slides on page load by setting it to true value. but when we click on a relative navigation button for go to a slide, slideShow do'n move slides automatically no longer. i want to add a capability So that when user enter to slideShow section all Slides stop and then start on mouse out event it is a piece of My Slideshow Code: <section id="slideShow"> <div id="slider">
.resize() - callback not working
Can you tell me why jQuery("#some-ID").resize(alert("resized!")); is working, but jQuery("#some-ID").resize(function(){ alert("resized!"); }); isn't? thanks.
ipad ios 6 post https problem
Hello, i'm a novice, i made a form with jquery mobile, login form. I use method POST and action over external domain in https (WLC Cisco vpn appliance). I notice that the action on submit button don't goes well. Nothing uppen. Form Example: <form name="loginForm" action="https://www.example.com" method ="POST" data-ajax="false"> ... .... <input data-theme="b" data-icon="arrow-r" data-iconpos="left" value="Accedi" type="button" name="Submit" onclick="submitAction();"/> </form> The action stop at
jqm page to ipa
Does a jqm page require any preparation for xcode or is it ready to turn into .ipa? Is such a procedure described anywhere? Google can't seem to find it.
Jquery mobile stypes are incompatible with jquery ui styles
At moment it is almost impossible to mix jquery ui widgets with jquery mobile widgets since the two styles have a lot of overlapping. Mainly in the icon area names collide, so also if one doesnt enhance with jquery mobile a part of the DOM, the name collisions of the css classes makes impossible the use of jquery ui widgets. Is there a plan to make the two styles converge in some common framework in the future ??? I f not I dont see any reason for the name collision, so it would be nice to give
Fixed Footer Scrolling, half the time!
Hi There, I hope someone can help with this as i am strugling to see why it will not work and have a mad deadline. Basically i have a fixed footer on many pages within a basic Jquery Mobile Web page. See below: <div data-id="mainFooter" data-hide-during-focus="" data--tap-toggle="false" class="mainFooter" data-role="footer" data-position="fixed" > <a href='#mainPage' class='backBtn' data-mini="true" data-role="button" data-direction="reverse" >Menu</a> <p class='logoSpace'>Logo</p>
Increase PageRank with this jQuery plugin
Hello all, Increase PageRank with text-links with the above plugin you can define anchor links differently, keeping PageRank on the site and thus increasing site PageRank. What do you think?
Jquery cycle: problem in IE.
Hi, I am having a problem with Jquery cycle in IE. I was trying everything suggested to solve this but nothing helped. When using IE the images are all shown together (no cycle) - In Chrome & Firefox it's looks perfect. When I using IE9 it's the same problem, when changing to compatibility mode it's looks fine - from now if I change back to standard mode it's looks fine. What is wrong? you can see the page here: http://qa1.2send.co.il here is my code: <script src="http://qa1.2send.co.il/Scripts/jquery.cycle.js"
Mechanism to avoid selection of other elements while holding slider
Here a fiddle describing the issue: http://jsfiddle.net/T2tYH/ Both <p> paragraph texts can be selected. But when I hold the slider to slide it, the <p> elements do *not* get selected. How is this achieved? I even can move *outside* the browser viewport area and the slider is still is sliding and no elements selected. How is this achieved as well? Currently I am writing a software and want to use the same feature or mechanism.
About multi touch, it´s possible??
I need to know if possible implement the multi touch with 2 fingers to zoom in on an image or map? thank you in advance
preventDefault(); not working on submit
Hello, I am new to using jQuery and can't seem to load data from another page without navigating to that page. My code is probably wrong somewhere so if someone could tell me what is wrong that'd be fantastic! Script I am using <script type="text/javascript"> /* attach a submit handler to the form */ $("#myform").submit(function(event) { /* stop form from submitting normally */ event.preventDefault(); /* get some values from elements on the page: */ var $form = $( this ), name = $form.find(
https://github.com/claviska/jquery-selectBox with dynamic select
Hi all, I'm implementing a jquery script to style my selectboxes. This is the script I'm using: https://github.com/claviska/jquery-selectBox and it works fine. Now the problem I'm facing is that one of the select boxes is dynamically loaded. In other words; it loads after my js loads. At first this selectbox wasn't styled at all. I got this fixed allready. To finish this I want to add a custom class to the .selectBox() function, only I'm not sure how to do this. I'm thinking of something like $('.mydynamicselect').selectBox({
Do not load highstock (=chart) until jQuery Tab is selected
Hello people! I have found in the API of jQuery methods that could help me perhaps. But I am very doubtful whether this is the case. I have created a website with 5 jQuery Tabs. Each tab contains a chart. So when i open the webpage it loads so long. I therefore wish that the graphics are not loaded when you click on the relevant tab. Something like document.ready ... based merely on the element But how do I get out now? is that even possible? Greetings John!
How to disable tooltip and change item
At the default code it's work well $(document).tooltip({ track: true }); But, when i try change item become alt tag, it's not work, i try very type [alt] a[alt] alt $(document).tooltip({ track: true, items: 'alt' // alt not work, a[alt] not work, alt not work :( }); Disable not work too: <script type="text/javascript"> $(document).ready(function() { $(document).tooltip({ track: true }); $("#content").tooltip("disable"); }); </script> <div id="top"> <a href="#" title="Kaka" alt="ph yeah">Click</a>
Next Page