Make Expandable Text Toggle Text Icons Onclick In Place Of Images?
Nov 17, 2009
Basically, what I would like to know is, thus: how would I change it to display text icons next to it? For example, in place of "plus.gif" I should like it to display "+" as actual text. I've dredged a number of places, however, I've found nothing. Furthermore, I cannot figure out how to do it.
I am using prototype to add a "blind" up and down functionality when I click on a table element.
Now, i would like to toggle the [-] in the "altlink" span to match the state. Ie, if a person clicks on the table, the "formhide1" span will collapse, and the [-] should turn into a [+]. Visa versa, when the now collapsed "formhid1" span is expanded the [+] should turn into a [-] Code:
I've got a couple of problems that I cannot figure out how to do.
1. I'm trying to create a list where clickable items are visible on a page and then when clicked they expand to read a text file and stay expanded until I click them again to collapse. I've got this partially working except when I click on the item now(machine1 for example), the item I clicked on is replaced by html/txt file(machine1_output.html). Then the links are not available unless I hit the back button in the browser. Instead I want them both displayed and I want to be able to see all the items in the list and have the items expanded too. The reason for this is I want to be able to click all the links, have them display what's in the html/text file and be able to do a CTRL+F to search for an item. Is this possible?
2. When I add a third item(machine3 below) to my list none of the items are clickable. code...
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.
I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right
How can I create a text input field which has a value displayed by default and when a use clicks in the filed, it disappears? Similar to a "search..." box - when a use goes to search, the "search..." text disappears.
I want to create a link which doesn't takes you to anew page but just expands to show it's information . Exactly like the one in FAQs where you click the question and the page expands to show you the answer.
Is it possible using some kind of Script to get text/pictures/symbols from typed text and from a gif. file (already on the web site) to show on another place in the web site by clicking on a button.My coding is like this:
By pressing "Show" I want the text typed in the form to show on the same site, and then the user should have the opportunity to also place a symbol (the gif. file) the same way as the text and to be viewed on the same site too.
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.
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'm trying to get an A tag to toggle between hide and show when It is clicked, you can check the latest version of my trying here:psdesignzone dot com / jquery / d6tftoggle.htmlI'm trying to change the innerHTML I guess of the A tag to hide or show each time that specific element is clicked (i'll need this to work with other a tags as well)
This code is not able to toggle independently. What can I do so when I click on one of the "1 Comment" links it opens up independently? It also displays like "1 Comment1Comment" instead of "1 Comment" which I assume will display only once if the other issue can be fixed.
Working with a script I had found/pieced together online. It toggles the display of certain content along with selected text (i.e., "view/hide"). It's working great in all browsers except for IE7 (go figure). The showing and hiding of the content works, just not the switching out of the values for "show/hide".