[Jquery UI bug] bgiframe doesn't work on IE8 & Window 2003
Please check with the link below: http://www.java2s.com/Code/JavaScriptDemo/jQueryUIDialog.htm It only works on IE8 & Window7, when I debug it and can see IFRAME tag in side the dialog But with IE7/8 & windows XP/2003 or Firefox, no IFRAME at all. is it a bug?
Find current link and apply CSS
I have list of links inside a DIV. I am trying to apply CSS to the current page link but it does not work. My code is as follows. var url = document.location.toString(); var chunks = url.split('/'); var newUrl = chunks.slice(0,chunks.length -2).join('/'); $('div.maacmenu-toplinks a[href*=newUrl]').addClass('activeClass');
cannot see bgiframe enable in firefox and IE 7/8 (Windows XP & 2003)
hi, I have a simple dialog like below $("#please-wait").dialog({ width: 60, height: 130, modal: true, resizable: false, autoOpen: false, bgiframe: true, open: function (event, ui) { $(".ui-dialog-titlebar").hide(); }, close: function (event, ui) { $(".ui-dialog-titlebar").show(); } }); I only see bgiframe work on IE 8 & Windows 7 (my computer), in fact that IFRAME tag always above tittle div and content
Validation Error inside textbox....
How to make validation something like in this screen shot attached below..! is there any jquery plugin ,will do the validation...
datefrom, dateto : defaultdate doesn't work
Hello everybody, first, sorry for my bad english. I've 2 input field with one datefrom and one dateto. The first one works but not the second. The fields of the second datepicker does not get drunk (or shaded ?) before the day today and I can click on it.my code : $('#datepicker_debut').datepicker({ prevText: '', nextText: '', defaultDate: 3, minDate: 3, maxDate: '+1y+1m', altField: '#beLblDateFrom', altFormat: 'D',
:last-child with text elements
I'm trying to find the trailing <br/>s from a <p> using the 'br:last-child' selector and I find surprising that in a context like: <p>some text<br/>and some more text</p>$('p br:last-child') returns the <br/> although there is a text node after it. I suspect there may be an issue because if you get the returned <br/>: var br = $('p br:last-child')[0];and get its parent's last child walking the DOM properties: br.parentNode.lastChildyou get the text node containing "and some more text". So, should
Extend a widget, with an event handler
Say I want to extend the dialog widget to log to console when the "focus" event is triggered. What is the proper way to do this? $.widget("my.loggeddialog", $.ui.dialog, { // what? }); This is what I tried: http://pastehtml.com/view/1dk326v.html $.widget("my.loggeddialog", $.ui.dialog, { _create: function() { $.ui.dialog.prototype._create.apply(this, arguments); this.widget().focus(function() { console.log("dialog focus"); }); } }); But is doesn't
Having trouble getting the most basic jQuery statement working ...
Hi all, I've got the following code block in one of my pages ... <?php if ($config->theme->short_name == 'default') { ?> <script type="text/javascript"> $('.error_box').html("Hmmm, there was an error while loading your theme. To stop everyone from looking silly I've loaded the default theme ... hope that's OK!"); </script> <?php } ?> The conditional is being evaluated fine because I'm able to use window.alert without
extends a date object itself
I tried to copy a date object but failed. var today = new Date(); var clonedToday = $.extend(true, {}, today); console.log('test1:' + today); console.log('test1:' + clonedToday); //clonedToday is [object Object]. but when I tried to copy an object contains a date object, it worked. I know there was a problem with copying date objects with extend with jQuery 1.3 or lower but it fixed in jQuery 1.4 or higher. the following code works fine with jQuery 1.4 or higher. var today2 = { today: new Date()
Dynamically disable dates in jquery datepicker plugin
Hi, I am working on a project which has a combobox to select the hotel rooms. After select the hotel room, in the next text field, user has to select his arrival date and departure date. This arrival date is jquery datepicker plugin and I need disable rooms unavailable dates. This is my jquery code $("#select_villa").live('change', function(){ var dataString = 'villa=' + $("#select_villa").val(); $.ajax({ type: "GET", url: "include/getdate.php",
Sliding Page
<script type="text/javascript"> $(document).ready(function(){ $("#page").load('lang/eng.txt'); $("#page").slideUp("1"); $("#page").slideDown("slow"); $("#eng").fadeTo("normal", 0.25); //swedish $("#swe").click(function(){ $("#page").load('lang/swe.txt'); $("#page").slideUp("normal"); $("#page").slideDown("slow"); $("#swe").fadeTo("slow", 0.25);
jQuery cycle + if/else show/hide div
I'm using the jQuery cycle plugin...what I'd like to do is check if an image contained within div#slideshow has a class of "before"...if said image does have that class, I'd like to show a div with a class of before, if not, then hide the div.before make sense? In the example, image-1 would show the div.before, image-2 would hide it. Any thoughts? <div class="before"></div> <div id="slideshow"> <img class="before" src="image-1.jpg"> <img src="image-2.jpg"> </div> <script type="text/javascript"
Tweaking Thickbox to NOT close when you click
I really know nothing at all about Jquery or Java, but I'm trying to tweak the thickbox code so that I can fake a side-by-side gallery with it. I want the page to have thumbnails on the left, and the bigger images on the right, but I don't want them to fade in and out or go away; only the image replaced when you click the next thumbnail. In other words, I don't want any overlay, so I don't want the window to close, I just want it to go to the next one when you click on the second thumbnail. Right
is this a bug ?---conditional logic problem when use options in tmpl plugin
please execute the following code. I can not get the value 'A' from ${$item.abcd[getI()]} ! Even though getI() is 0 ! It seems it is a tmpl bug ! Jquey tmpl plugin is urgly! For some reason I have to try to use it! Jtemplate is better ! If you know the answer please give me an email to jiangdy@jhcc.co.jp Thanks ! ----------------------------------------------code------------------------------------------------- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>未命名頁面</title> <script
Cycle Lite works in Firefox, but not in IE8
I am using Cycle Lite for a simple slideshow. It works great in FF, but will not work in IE8. All it does in IE8 is show the outline of the images and the alt image titles. The js is: <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript" src="jquery.cycle.lite.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.banner').cycle(); }); </script> The html is: <div class="banner"> <img src="images/slideshow.png"
Access nested ListView textbox
Will someone show me how to access a TextBox inside of nested asp.net ListView control? Here's my code: <script type="text/javascript"> $(document).ready(function () { var jObject = $('.expanding'); if (jObject.length) { jObject.focus(function () { $(this).animate({ width: 100 }, 500); alert("got here"); }); jObject.focusOut(function () { $(this).animate({ width:
Controlling html5 video without self referencing
This works: $(function(){ $('#video').click(function() { this.play(); }); }); but this doesnt: $(function(){ $('#video').click(function() { $('#video').play(); }); }); nor does assigning a var to #video or any other trick. Im trying to get the video to play when another element is clicked so i cant use 'this' selector.
problem with selecting parent element
Hi all, I am doing a form with hidden fields which will be fired by select boxs or radio buttons, all the hidden fields are wrapped by <span> the problem is when the hidden field is next to select box like this: EXAMPLE1 <label>Title: </label> <select name="title" id="titleSelect"> <option value="">Please select a title</option> <option value="Mr">Mr</option> <option value="Mrs">Mrs</option> <option value="Ms">Ms</option> </select> <br/> <span><br/> <label>Please
Autocomplete - always select a response
Hello, I'm trying to make use of an autocomplete where I need to force the user to select something, preferably as they type the first matched item would be automatically selected. Looking at the code I think I need to somehow tell it to select the first menu item each time a new result comes in, then the user can go from there, but I'm not sure how to do this, if anyone has any ideas it would be much appreciated! Thanks Richard
jQuery + jQuery.Template: getting the result out as text
Hi, I'm working on a server-side templating solution using jQuery + jQuery.Template on NodeJS -- and have it 90% working after a little 'experimenting' with getting an adequate server-side DOM/BOM configured. I just have a couple of problems I'm hoping I can get some advice on... First: how to I convert the result of $.tmpl(template, data) to a string representation of the resulting HTML? Currently I've hacked it as follows: var result = $.tmp(template, data); var html = $('<div>').append(result).html();
Validation Plugin: Custom Submit
The validation is not working in my customsubmit() function. What am I doing wrong? Tony <html> <head> <meta charset=utf-8 /> <title>Custom Submit</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.7/jQuery.Validate.min.js"</script> </head> <body> <form name="testform" id="testform"> <table> <tr> <td> Date:
:contains variable
Hey guys, i'm having a problem with this: for(y=0; y<numbers_sold.length; y++){ $("#stickers a:contains('" + numbers_sold[y] + "')").addClass('sold'); } If I substitute the variable "numbers_sold" for a number, it works. But it seems that this way it doesn't recognize the variable. Hope you can help. Thanks.
addBackBtn how to turn off
in my, mobileinit I try to set the addbackBtn to false, but think I'm missing something. $(document).bind("mobileinit", function() { $.mobile.addBackBtn = false; }); doesn't work. I'm trying to turn off the auto generated back button. My theme is E but I want all my buttons theme B. I have no problem doing this for the buttons I generate but figured I would add my own BACK button so I could change the theme of the Button to "B" and keep the pages at theme E I do link my scripts as recommended
Jquery UI sortable problem?
Hi, I am developing a web application where users can drag, drop, and sort the widgets. I didn't make any columns on the dashboard as every widget has different width and height, so due to this reason the horizontal sorting is working but the vertical is not working using jquery UI Sortable. I have tried various methods but no success. I know if i make columns and place the widget in different columns then vertical sorting will also work, but due to the requirement of my client, I can't give the
how to each and split using ?
the following code, how can devote the array values? var arrValues = ["a:1", "b:2", "c:3"]; $.each(arrValues, function (name, ID) { OpenPopup(name,ID); });
Question about concurrent ajax requests, keeping track of which one is completing
I have a question for the jQuery gurus. I am working on a page with several checkboxes. As the users click checkboxes I want to show a loading indicator next to each one, then when the request completes I will replace the loading indicator with some data that was returned in the ajax request. I'm having trouble figuring out which loading indicator to replace when the ajax request completes. I think it will work if I pass in the loading indicator's parent element ID to the ajax request, then on the
Safari Gradient
Hello- When using your CSS the gradient does not show in safari. Stranger still, is I remove your code and add in accepted webkit gradient settings and it still wont show or be transparent? Does someone have a fix for this yet? I tried the alternate valencia css and got the same response. Your Code: background: #111111 url('-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#111111))'); Accepted Code: background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#111111));
JQuery tabs with child tabs
Hello, I initially have a panel that an unknown number of tabs. During startup the browser receives messages to add new tabs. The immediate child div of each tab <p>tabName</p> except for the very last tab, which I'm going to call it the "Add tab". It has 3 children tabs of which has a couple of tabs inside it, etc. At this point I can click on the tabs created and see the body of each tab correctly. Even the "Add tab" body displays the children (tabs) correctly and I can click on each of those children
jQuery Mobile UI more for iPhone?
All the UI components and the overall look shows it as an iPhone app, is there going to be a way to change the UI easily? like options?
$.ajax({ selector?
$.ajax({ url: "test.php", dataType: "html", success: function(data, textStatus){ $("#top").empty().append(data); ... ok now my question is a bit lame but how by this get my spec. content from test.php eg. #footer i can load it via $('#top').load("test.php #footer"); but how to make it using this $.ajax function?
help with linking datepicker to progressbar widgets
I need to create a simple progress estimator based on start date end date and the current date. So you would pick a start date then the end date and then the current date you are on, and it would be calculated to a percentage on the progressbar. I've got it all looking good but I don't know how to get the datepickers to output values the progressbar can read. Any help is greatly appreciated :D
Apycom jquery menu
Hi all..... I'm using the apycom jquery menu style 1 (dim grey) http://apycom.com/menus/1-dim-gray.html It's a great looking menu but does anyone know how to 'delay' the dropdown menu closure when your mouse moves off of it? I can change the speed of the menu opening and closing, but not can't find a way to delay. It's too easy for visitors to 'slip' off the menu and if you have two child menu's, it get frustraing if you drill down to the secon child menu and slip off. You have to go back to the
JQuery Sortable inside a scrollable DIV
I have the following HTML page which should contain a simple DIV with a simple list using jquery sortable. The problem is that JQUERY doesn't auto-scroll the list when I drag an item near the borders of the div. Is there any way to do auto-scroll during DRAG ? <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javascript"></script>
form validation with jquery but not on hidden elements
I have two tables: the first is shown and the second is hidden. If the last two items (in color) in the first table have either "Yes" choices selected, then the second table appears. I'm having trouble getting the form to submit when the second table is hidden. If the second table is hidden, I don't care whether the radio buttons are selected or not. I've been messing around with the jQuery Validation Plugin at jquery.bassistance.de/validate/demo/milk , but I can't seem to get it to work. My page
set style in loaded page using div or class V 1.03a
This behavior seems effd to me. If I setup a div like so ... <div data-role = "content" data-url = "images_container" id = "images_container"> <div id="images" style="display:none;"> .... </div> <!-- images --> </div> <!-- content --> and then use ... $('#images").show(); The div will show the first time the linked page panel slides into view. However, if I click the back button and then click the link to re-display the page, the div will not display. if I use a class instead
Disable mouse scroll wheel function
How to use jquery to disable mouse scroll wheel function that scrolling the long page when the mouse is pointing inside a div? I need to disable it because I have another mouse scroll wheel function inside the div, if the page is too long, when i scroll my mouse wheel, the div and the page both will be scrolled. I don't want both of them be scrolled, i want inside div be scrolled only.
Tiggr interactive HTML prototypes upgrades to use jQuery Mobile version 1.0 Alpha 3
JavaLobby: Tiggr interactive HTML prototypes upgrades to use jQuery Mobile version 1.0 Alpha 3 Create your first mobile prototype: Tiggr
IE9 RC problem with JQUI dialog
This is a very strange problem. I have a page with: -- a div containing a link -- another link that, when clicked, creates a new dialog window who's content is pulled from the div The problem is that in IE9 the dialog can be created and closed, and then never opened again. What's really happening is that the whole page seems to freeze (not the browser, just the screen). I don't mean it crashes, I mean it just doesn't draw any new changes (like the dialog being opened a 2nd time). After you click
How can I use Ariel Flesler's Serial Scroll (or other) plugins to scroll my entire screen?
I have a div with an image in it that fills the entire screen. I want to scroll that div to the left, so that another div comes in view, when the user clicks a menu item. How do I do this? And where do I store the 2nd div, while its invisible to the user? Thanks,
How do I check if the method of text () starts with a 1
How do I check if the method of text () starts with a 1
Next Page