need help with Enhance Forms using jQuery UI
I am trying to enhance my forms look and feel for which I am trying this tutorial . I tried to copy the code into my html but its now working and there are some errors , is there a working copy which I can download and use and can I see a demo of this? The links for demo and download dont work. here is my html <!DOCTYPE htm l 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> <meta http-equiv="X-UA-Compatible"
Define accordion selected header style separate from other UI elements
I am using the full jQuery UI (1.9.2) and want to style my accordion differently than the other UI elements. However, when you create or use a predefined theme, all elements use the same style. I've been able to define the header's default and hover styles (below), but haven't found the solution for the active header. Does anyone know how to style the selected accordion header separately from the other UI elements? .ui-accordion .ui-accordion-header { my style } .ui-accordion .ui-accordion-header:hover
refresh div section after ajax call
I have a content data which contains all session information. I want to refresh that div section in which i display session information. For example i have a cart page in which several products are shown in cart session, when user click on delete button ajax send a request to server where i delete product from session and on success jquery refresh cart div to show updated session data. I dont want to generate html on server side and replace it with existed html on success of ajax call. If i able
update all buttons using jquery for ajax
I am using jquery to update all buttons in my page using $(document).ready(function(){ $( "input[type=submit], :button" ).button(); }); when I add a new button using ajax the above script wont be excuted please advice how can I fire the above script for ajax request , I doing ajax with wicket and not jquery.
MVC4, Tabs and Selected Tab
I've got a small MVC4 application and have implanted Tabs. As users select a Tab, they are able to access the corresponding Controller Index View, however, the first Tab is always selected. Is there a way that I can set my current Tab based on the Controller as the View is loaded? I can post code snippets if necessary. Thanks, Maggs99
Tablesorter makes table unresponsive
Hi all. Currently I'm using Tablesorter plugin with Bootstrap. Tablesorter makes it's work perfectly, but I've found some caveat. Using Tablesorter I lost all responsive features on my table, it's size is not changing when I change size using mobile developers tools. Is there any way to fix that problem or Tablesorter only works that way?
DataTables Initialization on dynamically constructed table
I've an html table dynamically constructed in a php file. The table id is logTable When the user page is loaded, I use $.getJSON to grab the table and display it on the user page as follows: $.getJSON("ol_LogTable.php", {filterVal:1}, function(data) { $('#activityLog').html(data); var LogClass = $('#logTable').attr('class'); console.log("log Class: " + LogClass); $('#logTable').dataTable(); });The console.log is reporting the correct class. So I'm able to successfully use $('#activityLog') to grab
How can I load different html pages without refreshing, but changing the url?
Hi, I'm trying to use a navigation system for a website where there is no refresh at all, through jQuery, I don't know if using ajax is possible, but I'd prefer that approach, however, this is what I have so far: jQuery script $(document).ready(function(e){ var page; var prevPage; $('ul#nav li a').click(function(){ prevPage = getPrevUrl(window.location.href); page = $(this).attr('href'); $('#content').load(page + '.html'); if(page + '.html'!= window.location){ window.history.pushState({path:page
Size of jQuery mobile scripts
Hi there, I have a mobile web site that uses JQuery framework but the size of the JavaScript and CSS files is bit big: JavaScript jquery.mobile-1.3.0.min.js (in minimized format, size is 144.4K) CSS jquery.mobile.structure-1.3.0.css (in readable format, size is 79.7K) jquery.mobile.theme-1.3.0.css (in readable format, size is 49.6K) Those figures were taken with YSlow running on my Firefox desktop browser. I have two questions: What can be done to to reduce size of those files? Is the size of files
Adding TextBox to FrameSet/ Frame
Hy Guys :D I was helped here a few days ago and i need help now too :/ the problem is .. I'm using C# to create my bho to add Jquery to Website ( I can't change the website by the programmer-side ( can't modify the website but the website have Jquery Lib :D yes <3 ) Here come the problems : The website doesn't have <body></body> Just have <html><head><title><form><frameset id ="fs" ><frame id=frmMenu><frame id="frmMain"><noframes/> and that's it ... soo how can i add this textbox code ... $('<input
Any themeroller for svg like jquery?
I need to change my svg application css style by theming like this jquery themeroller. Is there any suggestions to change the css of svg elements by theming or how to support jquery themes to svg. Is there any themes provider for svg? any suggestions should be appreciated..
how make sintaks in jquery more solid so as another person can't read sintaks
how make sintaks in jquery more solid so as another person can't read sintaks ??i have been ever told by my friends but i have forgotten,,please help me brother and sister
jQuery Autocomplete with default selected in combobox
Hello everyone I am using this script (Autocomplete) for my project, and now i want to pass default value like "BASIC" in Autocomplete combobox when page is load. How it is possible with this script? Any ideas or suggestions? Thanks.
Jquery and SWF
Hi all, I have created a website for my company in which 2 flash swf files are there. But flash is not working on mobiles. So i want to make it work. I tried converting it to video but that also not helped me. Can any one please let me know whether i can use the plugin (Jquery SWF Object plugin). Or is there any other way to do the same animation in jquery. Please help me. thanks in advance Rekha
offset is not working in jquery1.10.1 with migrate1.2.1
Hi, I am using position to identify a body in jquery 1.10.1. but it seems to be error like "TypeError: jQuery.offset.bodyOffset is not a function" If any solution for this issue. Is any other way to identify position of offset.Here my code.. <script> function test() { var body = $('body'); var option = { "my": "top left", "at": "top left" } alert(body.position(option));
autocomplete focus wihout filtering on type
Hi, i have autocomplete opening without typing a letter (just like a simple dropdownlist): $('#input').bind('focus', function(){ $(this).autocomplete('search'); Now when i type some letter, i need to set focus on first matching item of list. I don't need to filter my list, just focus on element.
Change the position of the error message in Jquery validation plugin
My code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Makes "parent" required only if age is below 13.</title> <link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css"> </head> <body> <form id="myform"> <label>Age </label> <input id="age" name="age" title="Please enter age!"> <br> <label>Parent </label> <input id="parent" name="parent" title="Please enter parent!"> <br> <div class = "errorDiv"></div> <input type="submit" value="Validate!"> </form> <script
integrate with jsf?
I am trying to integrate jquery mobile with jsf 2.x. Is it possible to do so?
Want to update text in <p> element
Hello, I am a JQuery newbie. I have been trying to perform a simple task of updating the text in <p> element after the page loads. Here is a very simple script and code I am using <!DOCTYPE html> <html> <head> <style> p { color : blue; margin : 8px; } </style> <script src = "jquery-1.10.1.min.js"></script> </script> <title>My JQuery Tests </title> </head> <body> <p> My JQuery Tests On This Page </p> <script
create a simple popup box
Today i will show you how to create a simple popup box with close button, no need 3th-party plugins, just one file html and jquery library. <!DOCTYPE html> <html> <head> <meta charset='utf-8'/> <title>jQuery Popup Box Demo</title> <script src="jquery-1.9.0.min.js"></script> <script> $(document).ready(function(){ $('h1').click(function(){ //you click into h1 $('.hiddenbox').fadeIn(); //show popup box $('div:not(".hiddenbox")').hide(); //hide all elements except class hiddenbox $('.hiddenbox').appendTo('body');
load & unload
i can load pages using "load" and is it poosbile to unload this pages (any command like unload) likewise css file for example $("#l5").bind('click',function(){ $('#irtibat').load('contact.html');how can i unload this page $("head").append("<link>"); var css = $("head").children(":last"); css.attr({ rel: "stylesheet", type: "text/css", href: "main.css" }); how can i unload this css file
UI - Dialog - Close button out of place
The close button on my site has the X moved out of place. Do you guys think this may be an interference with the CMSs' stylesheets or something? After copying the code to a blank site the problem disappeared. So the question seems to be: how to move that thing back to it's place? I'm looking through the css styles atm but nothing manages to move it even a bit eh... I know the paragraphs aren't needed but the WYSIWIG editor on the site inserts them automaticially, also they don't break anything in
Jquery Validate Plugin
Hi , I am using Jquery-validate plugin for form validation,now i getting error messgae on after the each input field, I wand to show all error message in group format,if any options are there? otherwise any otherway's ? Thanks & Regards Karthikeyan Siva.
Table filling and row edit/deletion
So! So far I'm doing fairly well as to what I want to do with an application, where you input a few sets of data, and it's sent to a table. I'm not sure, however, how to enable a little section that would allow me to edit/delete a single line. Here is my HTML, if necessary ( the last two columns without labels will be the top to the edit/delete areas ): <table id="log" class="table table-striped" width="100%"> <tr> <th width="15%">Customer Code</th> <th width="15%">Project
Jquery Malsup Cycle, multiple slideshows with next & prev buttons outside off slideshow
Hello folks. I am using multiple cycle slideshows with the aid of the .js below(great start!) but I would like some more control of the next & prev buttons positioning. But as soon as I move next and prev divs outside of the image slide div I lose all communication to the slideshow and get zero control - no fade action. Ok, so here's my my .js which allows me to have multiple slideshows. I imagine lines 7,8 need some changes? Any help appreciated. $(document).ready(function() { $('.items').each(function(){
Datepicker - DateRange Question
hello, i ve installed datepicker on my page, but have problem to found the right function for a date-range. i need this for both fields field 1 (from): mindate: 2010-01-31 maxdate: today -1 day field 2 (to): mindate: value from field 1 + 1 day maxdate: today perhaps anyone have a idea... thx and regard
how to use one plugin for many elements
hi , i have a plugin like below $.fn.tooltipe = function(opt){ settings = $.extend({name:"just name"},opt); $(this).mousemove(function(){ console.log(settings.name); }); } $("btn1").tooltipe({name:"clickme"}); $("btn2").tooltipe({name:"clickme2"}); when i hover over on both those button the name clickme2 w'll appear in console for both of them i mean if i hover on btn1 i see clickme2 and if i hover on btn2 i see clickme2 again , why this is happening and there are sth else when i use $.fn.tooltipe
Accessing javascript for formatting subsequent html pages. Please help!!
I am trying to put together a jquery mobile site for doctors to practise their Dermoscopy skills on an iPad or tablet. As there will be 81 cases in total (with photos), I'm trying to organise it as 9 html pages with 9 cases on each. I want to resize the list elements with javascript so they fit nicely on to the screen. The first page works ok. The problem is, the javascipt variables for resizing the elements don't seem to be available when the second html page loads - i.e. when the user clicks on
Scaling down a slider and adding javascript to the starting and stopping positions
Hello I am working with a JQuery slider: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#slider" ).slider();
How to make bigger icons???
Hi every one, I'm looking for a solution to display bigger icons in the header, because 18x18 is too small... How can I do it? Thanks!
Superfish broken on narrow browser window
I have a site where the superfish sub navigation refuses to show up if the window is less than about 1100 pixels. This is NOT related to the "sf-smallscreen" or "sf-touchscreen" as I've disabled those and still see the problem. I believe the full drawn out superfish menu is wider than the window and it freaks out and tries to disable itself. Seems silly to me. I've tried many many hacks and css tweaks online to no avail. Anyone have any ideas? http://www.qasstl.org/ Make the window narrow (just
scroll and scrollTop not working on touch devices
On the homepage of the website I'm working on, using .scroll and .scrollTop functions, I'm trying to automatically load more content in real time. It's working on PC, but not on touch devices (phones & tablets), where it doesn't automatically load more content and stops just before loading data. QUESTION: How can I replace the function below to better suit this functionality on phones & tablets with touch functionality? Thank you. var page = 1; $(window).scroll(function () {
Categories Selection
Hello folk , I want to achieve something like this in jquery ..i have a list of categories i want to autocomplete categories in a text box and when users click on them it select that categories and new same text box appears . For better understanding look image below Looking for help Thanks
jQuery UI resize - Helper Box
I'm attempting to resize the container div of an iframe, located on this page: http://curios-channel.tumblr.com/watch For some reason, the helper box doesn't seem to be showing up. What am I doing wrong? My code is in the page source, but for convenience I'll pastebin it here.
create jquery functions in separate files
Hello: I would like to have separate files for my jquery. I would like to create an object such as .billing() and when a user clicks the submit button on a form it calls .billing() on another file and it processes the information from the form. Without writing an involved plugin; how do I do this? or how do I set up the separate file that it can be called from the main.php page? Thanks, shoeGirl
active script
how i can make this work? : $("a").mouseout(function(event) { alert(event.relatedTarget.nodeName); // "DIV" }); i try html:<a href="#">ff</a>and mouse out didn't work
Starting browser window
Hi I am developing a museum kiosk using jquery...I've got it working, but talking to the museum planners, they want the kiosk to restart after a specific time period...so a new person coming to the kiosk will start at the beginning of the interaction. What I have are five panels, and each panel has media, like video and audio...when someone selects Introduction, they will get audio and video associated with the introduction, and it goes through each section/panel as a narrative. So, after one user
Strange behavior in my menubar
I'm trying to make a menubar with HTML, CSS and jQuery. It is working, kind of. When i hover over my main-menu, the submenu appears. But, if I try to move my mouse down past the first submenu, it disappears. Here's my fiddle: http://jsfiddle.net/ZfN7t/18/
New UI suggestion
A sticky header UI would be great ...
JQUI - including code
I've written a dialog script: <script> //Init $( ".ramka" ).dialog({ autoOpen: false, closeText: "zamknij", hide: 'fade', show: 'fade', modal: true, resizable: false }); //Closing window on click $('body').on('click','.ui-widget-overlay', function() { $('.ui-dialog').filter(function () { return $(this).css("display") === "block"; }).find('.ui-dialog-content').dialog('close'); }); //Closing dialog on click $( ".ramka" ).click(function() {$( this ).dialog( "close" ); }); function widthHeight(szerokosc,wysokosc)
Next Page