Scroller Bar Form Element
Feb 24, 2004
In a thread somewhere, someone wanted to know if there was a form element that would create a slider bar for the users to select a rating for something or other.
Well I went away and made one in DHTML and it works in all but five browsers (IE 3.0 4.0, NN 4.79 Opera 5.02 6.00) that I have tested it on.
Once I had made it, I decided to make it more customizable by allowing users to set the width of the bar more easily.
Then I considered using XML to create the slider bar so that it would work for non-JavaScript users, I decided against this for two reasons, not many people use XHTML for their pages and I don't know XML. Instead I just included a noscript section with just a normal text box in.
Then someone at school told me that I could use ActiveX to create a slider bar. Well, lets just say that I know more about XML than ActiveX and leave it at that.
So as it stands this is just your average, run-of-the-mill, DHTML script. I'm posting it here to see if anyone can think of any ways that I could make it better or just tell me how damn good it is. :D I don't mind either way, honest.
I plan on submitting it to Dynamic Drive so that's why there are credits all over the place if you're wondering.
View 24 Replies
ADVERTISEMENT
Oct 13, 2009
I'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
View 3 Replies
View Related
Jul 26, 2010
I have created a form with malsup's Form Plugin wherein it submits on change of the inputs. I have set up my jQuery script to index drop down menus and visible inputs, and uses that index to determine whether keydown of tab should move focus to the next element or the first element, and likewise with shift+tab keydown. However, instead of moving focus to the first element from the last element on tab keydown like I would like it to, it moves focus to the second element. How can I change it to cycle focus to the actual first and last elements? Here is a live link to my form: [URL]. Here is my script:
$(document).ready(function() {
var options = {
target: '#c_main',
success: setFocus
[Code]....
View 1 Replies
View Related
Aug 26, 2010
I have a javascript here for adding my div element to my registration form,Adding the div element is easy, but it shows on the bottom of my form. I cant make it as the first child element of my form...This is my code
var _form = document.getElementById('registration_form');
var errorDiv = document.createElement('div');
errorDiv.setAttribute('class', 'confBox');
[code]....
View 2 Replies
View Related
May 10, 2011
I tried jQuery('#calculateform').children('input, select, textarea').each(function(key){ alert(key + ': ' + jQuery(this).val()); but it goes only 2time throw (for each button it has)and it SOULD list all elemts (including hidden fields). I need each element with name and value.
View 3 Replies
View Related
Mar 16, 2010
How does one cause a form element to appear ONLY if a certain form selection is made before it?
That is for example say there is a form element of type Radio called "format" so only if they select format value = normal then the form input fields called URL and Name are to appear as the next choices otherwise form input field Group and checklist Places are to appear as the next choices.
View 3 Replies
View Related
Dec 14, 2011
I'm working on a script that will produce multiple dynamic forms based on the results of an ajax request. The ajax request does a db query that will return 0 to x number of rows. For each row, a new serialized form is created. Since the forms do not exist at page load, I'm having problems getting the value of the form elements so that I can run other functions on them (update inputs and selects). I've stripped down everything so that I can show a basic example. In the example, how would I get the value of "#orderID"? The body contains a div (previousList) that has a list of items that when clicked will trigger the ajax query. It also has a div (line details) that will hold all of the forms that are generated.
<div id="lineDetails">
check it out </div>
<div id="previousFrm" class="ui-widget-header ui-state-highlight ui-corner-all">
<h3>Previous Returns/Cancels</h3>
<div id="previousList">
<ul class="previous" id="returnList">
<li id="1000997" class="names">1000997: 101853</li>
<li id="1000995" class="names">1000995: 101853</li> .....
But callingconsole.log("order line value is " + $("#orderID").val());
results in 'undefined'.
View 4 Replies
View Related
May 12, 2006
I have been looking for rss scrollers/tickers which go horizontally, I
have found one which goes vertically and is very good, but I have no
idea how to change this to go hoirzontally.
Does anyone know of a script I can use to solve my problem.
Obviously it is impossible to show the script I am using for the
vertical one as it is made up of several files.
View 3 Replies
View Related
Nov 26, 2007
I saw a script named "page scroller" in the following page and it works well without any error:
http://www.dynamicdrive.com/dynamicindex2/pagescroller.htm
but when I'm using it in my program, in the same browser (with the same security options), I get the following error:
To help protect your security, Internet Explorer has restricted this file from showing active content that could acess your computer...
View 1 Replies
View Related
Jan 2, 2004
Here goes:
I'm looking for a particular dhtml content scroller that is will slide to different sections of the content when a link is clicked.
Imagine a long table with all the pages of content on it side by side and a layer is placed over that table so that when a link is clicked the desired content will slide into view.
Its a very common effect used in flash sites but im wondering if anyone knew how to do it using dhtml.
View 2 Replies
View Related
Jun 15, 2010
I have a form in my webpage and i am referring to the form element as formname.elementname. But when i select 5000 records from one screen and goes to other screen the form in the new screen stops recognising its element. If i do not select 500 records from screen on and directly going to screen 2 the screen works perfectly fine. Any Known bug with i think.
View 6 Replies
View Related
Jul 23, 2005
where can I find an horizontal scroller where I can set the
scrolling direction from left to right?
View 4 Replies
View Related
Feb 22, 2011
I am using jquery as a text scroll (jcarousel) to pull recent articles from a blog. Everything works great. EXCEPT, I would like to have the links open in a new browser if possible.
Here is where I THINK the code needs to be changed?
// JavaScript Document
function mycarousel_initCallback(carousel, state)
{
// Lock until all items are loaded. That prevents jCarousel from
// setup correctly and we have to do that in the ajax callback
[Code].....
View 4 Replies
View Related
May 6, 2011
why (and the fix) when I place my cursor over the scrolling thumbnails under the main slideshow rotator on my site they "disappear"?http:[url].............
View 4 Replies
View Related
Dec 28, 2007
I have a question about this scroller/ticker script (http://www.dynamicdrive.com/dynamicindex2/mikescroll.htm) I'm working with. I'm able to get the script working on it's own page, but when I put into my HTML I'm having an issue where all the test lays on-top of each other and the scrolling is broken (see attached image).
View 3 Replies
View Related
Jun 27, 2009
I am trying to create a combo box with horizontal scroller. i.e. Combo box will have a fixed width, ifany of its options have higher text, then horizontalscroller should appear automatically.I also tried placing a <div> around <SELECT>. But not getting how to apply styles on it.
View 5 Replies
View Related
Mar 17, 2011
I know nothing of js yet, I'm still studying CSS & PHP. So I'm just looking for a ready made script for vertical scrolling. I found one that does exactly that, but all the css styling is done in the javascipt, so I was completely lost. I want to be able to just enter the html (into the js array if neccessary, I can do that much lol) and have it scroll upwards, simple as that. The nearest thing I could find to what I want is this Creating a vertical content scroller using DHTML I can style my div & images myself, then all I need to do is enter the html and away it goes, but it functions just like the marquee tag in that it waits for the entire content to clear before it starts scrolling again.
View 5 Replies
View Related
Dec 27, 2003
Does anyone have a script for a scroller that scrolls a normal page in an iframe when you rollover an image (which would not be inside the iframe rather on the page the iframe is on)?
I've been searching the net for like hours and all I've found have been news tickers and marquees.
View 1 Replies
View Related
Mar 24, 2004
Could you javascHere is the iframe scroller script..
Code:
<script type="text/javascript"> .....
View 2 Replies
View Related
Apr 15, 2002
I'm working on a site that has a horizontal thumbnail scroller that when moused-over, the larger image of the thumbnail appears in a cell above.
The problem I'm having is with this line of code:
var menucontents='<nobr><a href="#" onMouseOver="('imgone')"><img src="images/thumb/img_01.jpg" name="imgone"></a> <a href......
As you can see, in my onMouseOver, I have '<nobr><a href="#" onMouseOver="('imgone')">... The problem is the use of single-quotes to open the initial statement, as well as when referring to my 'imgone' object.
Is there any way I can work around this problem so that I can have the picture loading without any problems?
View 15 Replies
View Related
Jul 2, 2011
var scrollSpeed = 1;
// Speed in milliseconds
var step = 1;
// How many pixels to move per step
[Code]....
View 1 Replies
View Related
Sep 12, 2010
I am using li-scroller. As it is, it scrolls through the content, then doesn'tstart againat the beginning until the content has scrolled out of view. I would like it to close that gap, and never have a break in the scrolling content. Just loop through it continuously
View 2 Replies
View Related
Oct 7, 2009
I can't seem to find what I need but I know it exists. I trying to find a vertical scroller that will automatically have the text scroll upwards but have an arrow above and arrow below to be able to control the direction of the scrolling text, or a script with no arrows but still allow me to take control by mousing over the text to scroll up or down.
View 1 Replies
View Related
Oct 29, 2009
I am unable to find a JavaScript picture viewer that does what I would like it to do.I have created a wrapper div of specific size for the images to be displayed in. I want the thumbnail images to be horizontally at the top of the div and the "clicked" full-size image to appear within the same div, directly below the row of thumbnails. When a visitor opens the page the first image must be loaded automatically without having to click on the thumbnail.
View 1 Replies
View Related
May 16, 2011
[URL] The ticker below the navbar works fine in FF and Safari, does not work in IE8 (and mostly likely other IE version as well). In IE, the live page will not even load; will load locally but the ticker doesn't work (remains static). Here is the .js:
TICKER_CONTENT = document.getElementById("TICKER").innerHTML;
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 1;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;
[Code]...
View 1 Replies
View Related
May 5, 2011
I need a JavaScript code so that I can achieve the functionality like the attached image. There will be horizontal scroller with left, right arrow for image scrolling. If a user will click on any image then that that image will be opened above the scrolling bar.
View 1 Replies
View Related