Selectbox - tag option or optgroup
Hi, I need help with selectbox, I would like doing with option css styl or when I put tag <optgroup label=" "></optgroup> it is not work! Thank you <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Styling Select Boxes</title> <link rel="stylesheet" type="text/css" href="selectbox.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
Fetching a Querystring in URL
Hi there! Thinking if there´s a nice way in jQuery to display, in my case a Searchterm in a searchresult page, like 'Searchterm: (some word). I got it working with a piece plain old JS, exept for one thing; I had to display only the first querystring (in this case it could be many QS ) SomePage.aspx?s=someword&pagination1=11 I want to fetch only the first output: 'someword' not what comming after, like cut everything from & to the right. Any ideas would be great! function querySt(ji) { hu = window.location.search.substring(3);
annoying flicker effect on jqDock jquery menu
Hi every one, I am new in jquery and js. I have used jqDock , plugin (http://www.wizzud.com/jqDock/) for my web site menu and with the help of a friend I managed to make the active menu element remain expanded. Here is the problem: if you hover your mouse between two of the menu elements and move slowly between them upwards on downwards , you'll get this terrible flicker effect.(sometimes you gota play around for few seconds to see what I say) I don't know why it happens and how can I fix it and
Visible div height
I have a div with several elements in it being hidden (display:none). I need to get the height of this div, but only of what's visible. $("#myDiv").height() returns the total height of the div, including the height of all the hidden elements inside it. Can someone help me?
reload ajax tab twice or more times
i have jquery tab in my project, and add tab from remote, i want to reload a tab when a button clicked, i successed except the reload times,following is my code: main_tab=$('#outer_center').tabs(); main_tab.tabs("load", get_target_tab_index(title)); function get_target_tab_index(title){ return $('#tab_nav>li').index($("#tab_nav>li>a>span:(0):econtains("+title+")").parent().parent().get(0)); } first click will reload tab once, second will reload tab two times, thirth will reload tab six times...
Animate an element being animated
Hi guys, there is a way to add an animation to an element that is being animated? I explain better. I have an element called #example, i call $(#example).animate({"left",500},10000}, after 5 seconds i want to animate also the top attribute, then i call $(#example).animate({"top",500},10000}. It does not work. I have to stop animate, then create a second animate, or there is some way to merge the two animations? Thanks for any reply
Will a reduced size jQuery file be available in the future?
Right now, pages using jquerymobile call 2 scripts - jQuery (76KB uncompressed) and jquerymobile (44KB uncompressed). Due to various mobile device and network limitations, there is a urgent need for a jQuery file that offers the same functionality and syntax but is significantly reduced in size (by stripping down the cross-browser compatibility code and possibly aiming for webkit capabilities). The alternatives (XUI, Zepto) do not entirely aim for this goal. Any plans? Thoughts? Thanks, Ran
prepopulate with one year ahead
Hi I have two fields <input id="in_date" name="in_date" type="text" /> <input id="out_date" name="out_date" type="text" /> What I need when I select a date in in_date field I have to get 1 year from now in out_date. For example if in in_date I select "11/19/2010" I have to get out_date as 11/20/2011 I tried like <script type = "text/javascript" > jQuery(document).ready(function(){ jQuery('#in_date').datepicker({ altField: "#out_date", altFormat: "mm/dd/yy",showStatus: true, }); </script> But
need help fixing "wobble" for a draggable object
So I've been rewriting a image cropping utility to utilize jquery (to make it easier to maintain, and get it ready to extend to other projects). Unfortunately, the jquery version seems to wobble alot when you drag the crop area around. Here's the original: http://subcog.net/croptool2/layer_test.html Here's the jquery version http://subcog.net/croptool3/layer_test_jquery.html There's 3 layers that comprise the crop utility. On the bottom is simply the photo itself. On top of that is a semi-transparent
Getting the select menu's droplist to have multiple columns instead of one? Having difficulties
I'm currently working with the select menu: http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html Problem: My droplist is getting quite long, I want to shift it to another 'column' instead of having a very long scroll bar. Below is an image that I've made to visualize what I want, div is my droplist, elements are my droplist items: I hope someone can tackle this problem... I've no clue how to implement it.
datepicker setDate fire onSelected
Hi, I'm using datepicker from the UI package. I have a case when I have to programatically set up the date selected. I use the setDate method and this works fine. However, I'd like to fire the onSelected event once I have programatically selected the date. Is there any way to do it? How can I fire the event programatically (I don't know what format should I use for the dateText parameter, and how to set the $(this) and inst parameters). Thanks!
Extending the settings object - not sure why this is not working
(function( $ ){ var settings = { 'daysInMonth': [31,28,31,30,31,30,31,31,30,31,30,31], 'dayAbbrev':["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], 'monFull':["January", "February", "March","April","May","June","July","August","September","October","November","December"], 'startYear':(new Date().getFullYear()), 'minYear':2005, 'endYear':2020, 'startDate': null, 'hasTime':true, 'timeSelectLabel':'Time
Suggestion And Problem
Hi there, Suggestion: It would be fun if you get an email by default if someone reacts in a post where you have post a reaction earlier. This way you get a notification of every topic you are active. Otherwise you have to check all posts to see if someone have posted something in response. (like on the CodeIgniter forums) Problem: I live in Belgium, and the forum loads slow to really slow here :-( Christophe
Google Chrome Bug with Accordion
Strange issue with Google Chrome and my latest project... When I initially load the page, my accordion appears with proper formatting. Upon refresh, it overflows beyond the parent element. If I clear cache and reload, issue resolves and then repeats... Cannot get this behavior to replicate in FF, IE, or Safari, etc... Anybody have an idea? Here is link to page, can look at the problem code there: http://anthonychavez.me/lab/summit/template.html
I have problem using jquery Onclick and $(document).ready on IE 9 (IE9 standards document mode)
Hi All I have problem using jquery Onclick and $(document).ready on IE 9 (IE9 standards document mode). My following code does not work on IE9 $(document).ready(function () { //min font size var min=9; //max font size var max=16; //grab the default font size var reset = $('p').css('fontSize'); //font resize these elements var elm = $('div.wikiarticle,div#column-content,div#term,p,font.font24,li,h2,pre,h1,.tab_content li,th, .tab_content h4,td,p,.size_18,.size_12,#creattime,.mw-headline,span.bold,.color_blue_2');
disable click function
I have an image map with various areas on it. A user can click on the various areas and something happens. That said, I sometimes need to disable the ability to click on some areas. For instance areas whose id attribute contains 0 0. I have the code to split the id and grab whether the values are 0 or 1 and the alert pops up when one has 0 0 in the id but it's still clickable. I thought .unbind would do the trick, but it isn't. the alert is simply for testing. Any help would be much appreciated.
Autocomplete SQL, requesting advice?
I'm having a problem with an autocomplete that my ASP.NET developer is having a hard time doing, is jQuery suitable to get the following done and how or directions on where to proceed. I have a SQL contacts table and I want the autocomplete connected to it. In order to remove ambiguity for the user I need the following behavior. 1. When a user enters T or C or B the drop down would show any records that the business name starts with those letters, Ex: The Color Box (may be at several locations) and
combobox - data source????
What do I have to do to get an object array to act as data source for the combobox version of the autocomplete? I can not for the life of me get it to work, or find an example of this scenario... Thanks in advance!
Jquery getting information from xml issue
Before i submit my problem just to let you know i've been using jquery and javascripting for about a month or 2 now so i appologise in advance if this is something stupid. Basicaly I have created a form with "<select><option></option></select>" using jquery/javascript. My main issue is that i want this to select from a database so i found out that you can get information from php files i just couldn't figure out how to get the variables it submits. I then found out that i can use xml to get the information
Fold/unfold only the div I select?
Greetings, I am a newbie who just started with jQuery. I am building a basic PHP app for our team that displays a list of open helpdesk tickets. To avoid cluttering the screen, I only want to display the title of the ticket and if clicked, its description. I have attached my code in a text file Right now, my code works but unfolds all the divs for all open tickets, regardless of what ticket name I clicked. Ideally, I'd like to show the description of for the ticket name I clicked. Not all of them.
Traversal from frame to frameset
I'm trying to figure out how to traverse from a frame (basically a header region) to the frameset, to alter the height of said frameset. In example.php below, I want to change the rows value of <frameset> from an event trigger in a script in example-header.php <frameset rows="49px,*" frameborder="NO" border="0" framespacing="0"> <frame src="example-header.php?url=<?php print "$url"; ?>" id="header" name="frame" scrolling="NO" noresize> <frame src="<?php print "$url"; ?>" id="main" name="main">
Having problems with a "lightbox" based plugin I wrote.
Hey guys, I wrote this plugin and at the moment its working with every browser, except some issues in IE. When using Global Variables, with IE it erases the global variable everytime the jBox is loaded. Any ideas as to why it happens? // @title: jBox v0.2 // @author: John Madrigal // Copyright © 2010 Hitcents. /* * Use for documentation: The purpose of this box is to make it more customizable. As in have 6 different types of boxes using * different classes for each box and allowing each box to
validation working on submit, not on changing element
Hello my jquery gurus. I have a piece of code (thanks to someone on this site ) that I'm using to validate some cloned elements. The code is posted below. The code works in the submit function but if I put the code in in the .change selector statement of a select it only works on the original element. It doesn't validate the cloned elements on change. The submit always works. Any help is much appreciated. Thanks in advance, Twitch NOT WORKING: $(".product").change(function(){//update the error
Trying to validate an input text before submitting or placing the cursor in another field
Hi, how to validate an input text before submitting or placing the cursor in another field? I've tried this below but it doesn't work. $(document).ready(function () { $("input").keyup(function() { $("#jander").validate({ rules: { 'coche4[marca]': "required" }, messages: { 'coche4[marca]': 'This field is required' } }); }); }); Regards Javier
Need help with model dialog
Hi All, I am having problem with dialog. I have a button on the page, for eg. 'Submit'. when I click on 'Submit' button I want to show confirmation message which is in a separate html file called 'thankyou.html'. Problem is when I click it opens but doesn't apply styles, just plain text with black background and no close button. I followed exact tutorial given at http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-dialogs.html. If I open 'thankyou.html' it works just fine! (applies styles and shows
Validate not actually validating...
I have a simple form, a few hidden fields, a few text imputs and two buttons. I try the following to validate the form. $(document).ready(function(){ $("#registrationForm").validate({ rules: { student_email: { required:true, email:true }, manager_email: "required" }, messages: { student_email: "Please enter a valid email
Page transition troubles in nav bar?
Hey guys. So right now I'm having a problem with making page transitions work using a nav bar. I have an index.html located in my main directory, called CarneyConnect. Then I have a "pages" subdirectory which includes the four pages the navbar links to. So from index.html, I can load one of the other pages with the navbar no trouble. For example, "CarneyConnect/#pages/video.html" But say I am ON the video page, I can not load any others. If I try to use any of the links in the navbar from there,
Jqeury Sortable - Odd results
Sortable all of the sudden stop triggering update and change, but stop still works. FF3.6. Did have 4 may not have fully uninstalled as it had issues with jqeury in some regards. However... Why does it do this? PHP Code: <div id="sortable"><ul>' . $output . '</ul></div>Is changed to (By selecting a section and then view selection source in FF): <div id="sortable"><ul><ul style="list-style: none outside none;">OUTPUT</ul></ul></div> If I try: <ul id="sortable"></ul>But decides to move the entire list
jQuery Cycle Plugin Issue on IE
Hey Guys, On http://proshotsrange.com/training-services/educational-programs/ you'll notice a sidebar with testimonials listed. They fade from one testimonial to another. In firefox, safari etc, they all look great. However in IE, after the first slide transitions to the second, it makes it huge - the full width of the page. I'm using malsup's Cycle plugin and it works fine elsewhere, so I'm thinking its a problem somewhere in my CSS. Any help would be appreciated. Thanks!
Firefox3.6(windows 7) and fadein
Hello, I am working on a site www.georgiebeauty.com. In firefox everything set to fade in receives a terrible neon outline while fading. This does not happen in OSX or with chrome. IE7 and 8 have all kinds of problems with the fade in. I am mostly concerned with firefox. I am running supersize.core(a plugin) for my background. Any ideas? I read something about IE7 and fonts not displaying properly after a fadein, is this related?
jQuery Slider problem
Hi I am using a jQuery slider. I have it setup to update a textbox with the sliders value property as you slide it. This works fine, however when I go to save the form, the value of my textbox is always 0. I'm working in a .net environment and viewstate for this control is on. I should be able to grab that value in my code behind, no problem, but... I don't know. I'm sure i am doing something really stupid, although I admit, i haven't been working with jQuery very long. Thanks for any help or insight
how to add querystring at Link Url
Hello, As subject, how to add ?x=z (querystring) at the back of the Link Url, only adding a href under id "menu"? example: <div id="menu"> <a href="aaa.html">aaa</a> | <a href="bbb.html?a=b">bbb</a> | <a href="ccc.html">ccc</a> </div> <a href="kkk.html">kkk</a> result: <div id="menu"> <a href="aaa.html?x=z">aaa</a> | <a href="bbb.html?a=b&x=z">bbb</a> | <a href="ccc.html?x=z">ccc</a> </div> <a href="kkk.html">kkk</a> those link already added ?x=z, only second link is &x=z, because second
Update Project
Hi, I can't update my project in jQuery Plugins! "Your submission has triggered the spam filter and will not be accepted" I've tried with minimal text, without success. From what I saw of Drupal and Mollon, there's nothing I can do. This occurred after 4 or 5 previews without save. I do not know who manages the users. But you can enable the update of the project? User: CHW Project:WiseJS or Anyone have any ideas? Best regards, CHW
The all time fiel upload-Problem
Hello, this is what i will do so far: I click on "Upload image", a Facebox (jQuery Facebox Plugin) opens with a Form where i can upload a image via "ajax". For all my ajax forms i get all fields via var values = {}; $.each($(this).serializeArray(), function(i, field) { values[field.name] = field.value; }); This works - of course - not with file uploads. I'm really not an javascript/jquery-expert. What do you think is the best solution to upload the file without
jQuery 1.4.2 and 1.4.4 break forms - preventing browsers from "remembering" previous values
Normally, if you fill in some form values, hit submit, then press BACK, your previous values are still there. However, if you add jQuery to your form, then browsers no longer remember your previous values. From what I've read this is because jQuery hooks the unload event, and this is a signal to browsers like Chrome and Firefox that the page is not backwards-forwards-cache aware (bfcache). See: http://friendfeed.com/paul/2b7ddce5/jquery-1-3-breaks-bfcache-because-it-binds Is there a fix planned?
Combine two jquery elements
Dear All, Please consider below DIVs both held in a separate jQuery container; $("one") and $("two"). Each container worked seperatly in for example adding blue color to $("one") and red color to $("two"). <div id="one"> Stuff here </div> <div id="two"> Other Stuff </div> If I now would like to add a background color of yellow to both of them; is there any way for me to combine them before doing this and not creating a new selection with $("div#one, div#two") or $("div#one").add("div#two") but var
Submitting a form produces unexpected results.
Hi, I am building a webapp and everything was going fine until I tried to incorporate a login page. I have used the login script many times before and only seem to be having an issue with jquery mobile. I have all my "pages" on index.php and my login div as the first page. (I also tried having it as the last 'page' with the same results). With the Form action as index.php after input validation it always puts me in the last 'page' (div) in the list. If you change my Form Action to #menu (which is
Icon Flicker in Search
I'm working on a live search for a website, but I'm having an issue. The PHP page is outputting things just as it should be, and the search is correctly retrieving the data from the PHP. It just uses the .load() function. $("#search_results").load(url); Here's the issue. Every result has a 16 x 16 icon next to it, signifying the type of result. Whenever the results are reloaded, these images also reload, meaning that an error image is displayed for a second or so. This is really annoying, but I'm
Superfish menu centering
Hello everyone, I'm having trouble centering the superfish menu at techcommalliance.com. I've tried every kind of auto setting I could think of, as well as most of the other remedies posted in this forum, but to no avail. It_is_driving_me_bonkers. Any help would be greatly appreciated.
mouserOut problem
I have a little problem. On this page you can see a box in the right part. On mouseover, it comes to left. On mouseout it is going back at the initial position. But mouseover it and mouseover the link from that div and you will see what is happening. The div behaves as mouseout. How can I solve this problem?
Next Page