I use jQuery MsDropDown plugin to realise a combo box with icons. However, I need to use "title" attribute of the option to indicate the name of the icon. Also I can't use this attribute to write the text I want to show as tooltips.
is it possible to use icons in an outputText ?? and how? i mean something like this<h:outputText style="float:left" value="#{category.title}" image="ui-icon-carat-1-e" /> i have used commandbuttons to get this but it shuold be made without buttons. what i need is just the arrow to be displayed with the text
I have many links on my page. When the user moves over one of the Links, i want to show two or three small icons (perhaps fade in) on the right side of the link so the user could click on it. When the user moves to another link, the previous shown icons should be hidden (perhaps fade out) and the new icons which belong the new link should be shown and made visible. Is this possible?
I am using CuteEditor for my WYSIWYG text editor. I like to hide all the icons until the user click on the textbox editor. Is there a way to do this in jQuery?
I am using the tablesorter plugin and am experiencing the following problem:
Under several scenarios the up/down arrow icons will overlap with the text in a column's header. This occurs if the browser is resized so the table width is too narrow (e.g. plugin should force a min-width perhaps?).
More importantly, this will also occur when the text in a columns header is shorter than any of the values in the column the up/down icons overlap with the text in the column header.
I've attempted setting padding on the header columns but no success (probably because the up/down icons are set as background images and therefore have no impact on padding)
At the moment the plugin won't be usable for me since the arrorws overlap with the text in several columns.
Have a question regarding the comparison function on the At & t website URL...The site allows you to select different types of phones then generate a comparison chart based on your selection. I need to construct a similar comparison chart, but have no idea how to start the coding process.
What I want to do it multiple the quantity ordered by the kind of shipping selected in my <select> list.
I'm pretty sure that what I've got to do is establishe a quantity ordered variable like this var qty = form["Q" + i].value And then multiply that qty variable by the ShippingCost. But no mater where I stick this var statement it always either stops the script cold or comes up as a black or undefined value.
<script type="text/javascript"> /* <![CDATA[ */ var ListCount = 5[code].....
I found this perfect javascript for creating dynamic connected drop down boxes. This script works fine but there is just one thing I want to add but unfortunately I'm not familiar with javascript enough... I want to display small images when an item is selected from the second drop down. An image should be assigned somehow to each selection from the right hand drop down menu in the code and when someone selects something from the list, an image should be displayed next to it automatically.
<!-- ONE STEP TO INSTALL CONNECTED COMBOXES:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document --> <BODY> <!-- Original: Mikayel Muradyan (mikam@freenet.am) --> <!-- This script and many more are available free online at -->
I am trying to duplicate the graphic effect used in Outlook for sorting Columns, click on it the first time and it sorts descending, click again and it clicks ascending, click on another field and the original image returns and that field is now sorted. I can do the actual sort on the back-end using JSP, and really only need to make the script smart enough to know that another column has been clicked.
A couple of items for consideration, I am working on an intranet, and must support Version 4 browsers. The server I am using is an Iplanet V6.0 server.
I just don't see any possibility to change the height of a button. I am developing an application to list many articles. The height of the collapsible buttons/select buttons is therefore to large, i want the buttons to be as small as possible.
Is it possible to create a link to have a window pop up and not have the bar that has the title and minimize/maximize/close icons? If so, how could I do this?
I'm using this sort-table that relies on MooTools.I have one column that contains image icons. I'd like to sort them (perhaps by the "id" attribute), but I'm new to Javascript and don't understand what I'm seeing in the js files enough to customize it.
I am trying to generate javascript variables. It looks right in the source, but causes a problem. Can someone have a look and tell me why. I have a php script that is pulling out a load of map icons from a database: [URL]
I'm building an application. The goal of this subroutine is that the user can upload an image to the browser, and then enter coordinates (X,Y) to place icons and dots at the specified place. way to draw these dots and icons on an uploaded image?
I have 10 buttons on a page, and 10 more "onmouseover buttons" that correlate to the first set. Each button or onmouseover button is only 1-2KB! But I can still hold the mouse over a button for a couple seconds until it loads the onmouseover button. I'm using javascript to have the buttons change. The page does load a 2MB video. Could that be the cause? Can I tell it to load the buttons first somehow?
I'm working on a website of my own and I don't know any javascript or jquery, but I want to add one feature to my website, and that is this "image enlargening effect". It is difficult to say exactly what I want, so I found a website where this exact effect is used (if you're wondering what the hell is the site about, its about magic tricks and custom playing cards, both of which are a sort of a hobby of mine)
So If you click on one of the images below the video, it will sort of grow and become this floating window, in which you can click to see the next picture and close it whenever you're done. It also sleightly dims the website in the background to draw the attention to the image which appeared.
What I'm looking for, is a script that is ready and can be used without much tweaking since I don't really know any javascript and jquery. I don't really need the part of the effect in which the website in the background is dimmed, but it would be nice to have if it's not something awfully complicated. So, do you know any scripts which would do just that? If yes, could you send me some links? I understand that it might be difficult to find a script which doesn't require tweaking, so if you know some which do require adjustments, I welcome you to tell about them, as long as you state that it does require some sort of optimisation, I'll do my best to optimise it to my website then.
I then loop thru the array to assign the text and bind the click event after having created the buttons with IDs of "button_<index>".
for( var index in buttons ) { $("#button_"+index).html ( buttons[index].text ) .click( function() { clickButton( buttons[index].action ) } ); }
The text appears correctly in the button, but every button defined only fires the list bound click, in this example the action equal to'2'whether I push "Button 1" or "Button 2".My actual case has four buttons, all firing the event for the fourth button.I've tried not chaining the .click(), going thru the loop twice once for the .html and once for the .click, neither of which made a difference. If I hard code each button .click, it works fine.