I have a unsorted list that is set to to 260px tall. (just big enough to show 4 lots of information) and then 4 more lots of information. I have it so that it can scroll but I was wondering. Is there away I can make it auto scroll when the selection hits the 4 item? the manual scroll is fine but would like it so if the auto selection scrolls to the 5th item it then auto scrolls the items to show the new ones?
View 1 Replies
Does anyone know of the coding he used to get his pages to load like they do (auto scrolling right) I would like to do this with a site I'm building but vertical.
View 19 Replies View RelatedIs there a way to stop a carousel (created with jcarosellite 1.0.1) when it has ben set up with auto-scrolling? I need to be able to stop it and restart it when a button is pressed. If I can't can you please suggest me a plugin that have infinite scrolling, auto-scrolling and I can stop/restart?
View 6 Replies View RelatedI'm attaching my php test file but this is a JS problem. When I scroll down in the web page and the meta refresh hits, in Windows Safari and IE6/7/8 browsers, the web page re-positions back to the top. In Opera and FF the page refreshes but it stays where it is. Can someone look at my test script and see why it is not working in IE and Win Safari? My goal is to have the web page not re-position to the top on the auto refresh.
View 4 Replies View RelatedI've implemented many galleries using Cycle, bxSlider, Carousel, etc., but this is the first time I've been asked for the same functionality with vertically-scrolling thumbs. Has anyone seen anything that would fit the bill?
I'm looking for a script which will scroll the thumbs, and show the large version of the current thumb automatically. Clicking on a different thumb will override, and clicking on the arrows will scroll the thumbs, and possibly change the large image shown.
I don't have much by way of spec., so I'm assuming a lot about the way it should function, however I haven't found anything remotely close.
following a tutorial, i've done this jquery infinite carousel
[URL]
Carousel start scrolling only when u click on the left or on the right side of it.
How can I make the carousel to scroll automatically when page loads?
I'm not sure exactly what this type of thing is referred to but I'm trying to implement something which is similar to the scrolling logos on this page:- [URL] I need it to function just like that i.e. :-
- scroll to the right automatically 1 item at a time
- when it reaches the end scroll all the way to the left
- When the user hovers over the slider itself or the arrow buttons all effects stop temporarily until they hover elsewhere
- In my code I only want clicking either of the arrows to move the slider left or right by 1 item rather than 4
- when it is at the far left the left arrow disppears temporarily
- when it is at the far right the right arrow disppears temporarily
I have 21 items in the list, but scrolling by hitting the right(next) icon only takes me to the 13th item and stops.
View 1 Replies View RelatedUsing Scriptaculous, I've got a horizontally scrolling list of images that works almost exactly how I want it to - except the images don't loop. If you scroll left at the beginning or right past the end of the list, you just get empty space:
[URL]
Code:
<div id="arrow_left"><a href="#" id="move_demo" onclick="new Effect.Move('logos', { x: 170, y: 0 }); return false;"><img src="_images/arrow_left.png" width="40" height="155" id="left_arrow"></a></div>
[Code]....
Is there a way to automatically reorder the list to create an infinite loop of the logos?
I have a form with a list box. Beside the list box I have a link that opens a new window in order for users to enter new records which then appear in the list box. How do I make the list box refresh to show newly added records? Can I refresh it when it receives the focus or are there better ways to do it? Also, how do I make the new window open to a certain size or to make it maximized?
View 2 Replies View RelatedI want to run some 100 urls on chrome with out exiting and also with out any tabs i.e on same window it should load urls one after another. I have written a script which will load urls in inframe. But how can i do it to load from address bar.
[Code]...
i have a problem with the jquery autocomplete on IE.When i use the page scrollbar the results list disappers.maybe it's a problem on focus.
View 2 Replies View RelatedI would like to add a "Create new..." item to my autocomplete lists togive users a way to create new items. This item would stick at eitherthe top of the bottom of the suggestion list and, when selected, firea callback where I could display a dialog to collect the formationfor the new entry, which would then go into the autocomplete list.I could easily be missing something but this doesn't look possible outof the box.More explanation: I'm selecting from a list of people. If the personI'm looking for isn't in the list I need to pop up a dialog so I canenter their name, email, etc. That new person then gets put into theautocomplete list and selected into the form field.I've been poking around the source code but haven't been able tofigure out a way to implement this yet
View 1 Replies View RelatedI have set up my website quite some time ago that has served its purpose very well, however I will now be adding an order form functionality. So far, by reading books and traversing forums, I have been able to develop a page where the user
1.Enters data into the required fields, that is then submitted to a MYSQL database via PHP,
2.Can retrieve orders that are stored in the database,
3.Delete orders that are stored in the database.
I have wamp installed on my computer as the webserver. I have also incorporated two drop down lists that both retrieve their values from tables within the database. The first drop down list retrieves the Australian States that I have stored in a table, and once the submit button is pressed, it stores the State that is selected to a separate table. This drop down list functions as it should. An extract from "From Place an order.php"
<?php
$dbcnx = @mysql_connect('localhost', 'root', 'tingling');
if (!$dbcnx) {
exit('<p>Unable to connect to the ' .
'database server at this time.</p>');
} .....
The second drop down list retrieves product names from a table that contains products and their prices. What I would like to happen, is that when the product is selected from this drop down list, a text box is automatically filled with its corresponding price. I had this drop down list working as per the "States" drop down list, but could not get it to auto populate the text field. I got some assistance from a friend and was able to get the text box to auto populate with its corresponding price, however when the page was submitted to the database, the "id" number of the product name from the drop down list was stored, and not the product name.
<select name="productSelection" onchange = "getProductDetails(this)">
<option selected value="1product">Select Product</option>
<?php
$products1 = @mysql_query('SELECT * FROM products');
if (!$products1) {
exit('<p>Unable to obtain author list from the database.</p>'); .....
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
im searching for a plugin/code example for text scrolling. I got some text in a <div> if text is longer than for example 300px it gets cut and is scrolling from start to end, stops for a second and then scrolls back, stops and all over, and if its not long enough than 300px then just displays normaly. Something similar to the Song name scrolling inin anyMP3 player.
View 2 Replies View RelatedUsing the very basic jqModal example, isn't it supposed to auto size and auto center the modal on the page? I placed a table that was wider than the modal's default settings and it's off the page and does not create scroll bars on the page to see the hidden section of the modal.
The default class is
Now, I know I can change the width of the modal but what about the positioning?
I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible.I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading:
<td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td>
[code]....
I have a table that has parts with multiple characteristics. Part Number, Height, Width, Capacity, Price, Etc. I would like to have a drop downs for all of these values, when a user selects one of these values it will filter the results into a list. Ex. user selects a part that has a Height of 6 and width of 10 it will only list those parts. As I said earlier, I have a script that will give me all the parts, however I am not able to make the onchange list parts with multiple values.
View 9 Replies View RelatedI have a page that displays a list of people playing in a tournament. I need to be able to generate a Leaderboard based on which players are manually selected by the admin. Next to each person there is a drop-down list. An admin can go in and select a "slot" that a player should be in on the leader board from 1 to 8, or leave it blank if none. What I need to figure out how to do is the following, when a change event happens on a drop-down list, and say the value 5 is selected, I need to check to make sure that 5 is not already selected in one of the other players drop-down lists, in other words, that the 5th leaderboard slot is not already full. if it is, display an error message and make them change that one first. how to do that with jQuery? I'm thinking it will have something to do with the each() function, but not sure exactly how the logic should work.
View 4 Replies View Relatedi have a menu and i would like to change the color of the Categories which have subcategories only. In my example the basic categories are: News , Announcements , Contact and Career. Only Announcements and Career categories have subcategories. So i would like those two to turn green. The fact is that the list items include a href ,so i don't know how to access those "a href" combined with "this".
<ul id="my_menu">
<li id="id0"><a href="#" style="text-decoration:none">News</a></li>
<li id="id1"><a href="#" style="text-decoration:none">Announcements</a>
<ul>
[Code].....
I have been trying to make an expand/collapse (essentially accordion) list. So far, everything works and looks fine in Firefox, Safari, and Chrome, but in IE8, the page height is static when it loads, with a page height being as if all headers in the list were expanded. The expand/collapse functionality works,but as you can imagine, there is this big gap of space after the list.
The html markup uses <h2> tags for the always-visible header portion and a <div> for the expanding/collapsing content. The <div> content contains form elements and everything is enclosed in a form tag.Anyways, here is the jQuery code:
$(document).ready(function() {
$('<img src="plus.png" class="icon" />').prependTo('.header');
$('.content').hide();[code].....
i am writing a script that will update a dropdown list based on the selection of a previous list. the script is run by a PHP script, so instead of posting the PHP, i will post an example client-side script. the hierachy is: category, sub category, brand (but sometimes there exists no sub category and the PHP script queries and adds brands instead) everything works correctly, except for one major issue: you can not change the selection of the third (brand) box this could be an easy fix for some coders, but i am not experienced in javascript and could really use some help. here is an example script, sorry it is so long
[Code]...
I have been struggling on a bit of code for a while now. I need to populate a second drop down list (Region) based upon the selection of the first (County).I have found a piece of code that works on its own and have adapted to suit my needs - see below. However, when I drop it into my main page the javascript is not working. It's because of the formObject but I just don't know enough to resolve this! Furthermore, I need the textboxes the user has already completed in the form to retain their value once the javascript kicks in as the completed form will submit to a database.This piece of code is working well . . . .
<?php
$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');[code]......
I have 3 ASP list boxes. I would like to populate the second list box based on the selection in the first list box and based on the selection in the second list box, populate the third. I would like to do this using AJAX. How can I do it? Can someone please give me the code snippet as I am a complete noob when it comes to AJAX and I kinda am running outta time to finish implementing it. Additionally, should I use ASP boxes or HTML <select> tag?
View 4 Replies View RelatedI'm working on a project that requires dynamic manipulation of an ordered list -- adding and removing elements in response to the user pressing buttons. I've run in to some odd behavior. Here's my code:
HTML
<ol id="track-list">
<li>Static Content Here</li>
</ol>
<input type="button" id="add-track" value="Add Track" />
jQuery:
$("#add-track").click(function(){
var listEl = $("<li>Dynamic Content Here</li>");
listEl.hide();
[code]....
Looks pretty straightforward, problem is when I add the new list element it does not prepend it with any number (being part of an ordered list). Now if I remove the hide and fadeIn lines (just append it), it inserts it correctly with a number before it, but I want this to look pretty being jQuery and all...
