JQuery :: Teleprompter - Scroll On Timer Inside DIV
Aug 22, 2011
I'm trying to build a simple "teleprompter" type web page for use on my tablet PC. I have the page constructed so that the words appear inside a div of fixed height, overflow hidden. I would like to have a simple "play button" along a fixed top menu that starts the words scrolling up inside the div below. I'll need to be able to hard code the speed of the scroll for now. I really don't know where to start on this one... it doesn't need to be complicated... just needs to work on the javascript-capable browser of an android-based tablet.
This supposed to be simple, but I don't really know jQuery in order to implement this the proper way.All I want is to create a div with some text inside. The div will be overflowed some text will be visible.So all I want to do is to create to small links "up" and "down" so when the visitor clicks on then the text scrolls up or down. like this effect hereI tried to do some search ... but all I find are plugins and scrollers to create carousels or so
i have a div of height 500px and width 800px. i have set it as auto on over flow and usually i have 500 records displayed so it scrolls. lets say i trigger an even on row number 478 inside that scrollable div and that event causes a page reload, can i go back to that same position in side that div? how?
To synchronize the vertical scroll of the following "left" and "right" divs only when the beginning and end of each "blahN " div is reached inside the left div. Both divs have a finite height, which basically insures that the scroll bar will be present. The left div outputs text-based content from various database procedures while the right div outputs images corresponding to the text. The text is nothing more than pages from the website and as you can see inside the left div, each is encapsulated within a subsequent div with an incremental class (i.e.- "blah1", "blah2", and so forth.) When one scrolls through each "blah" content inside of the left div, I would like the right div to output the image that corresponds to the text (again, this data comes from the website through previous transactions.) Here's an example: John Doe comes to the website and starts reading the various pages listed inside the left div.
There might be 2 pages loaded inside the left div, or, there might be 20, but in any event, when he loads the entire page containing all this, the first page will be displayed along with the first pages' image. When he scrolls past this first entry (page) inside the left div, the corresponding image related to it inside the MySQL database is then output as well over in the right div and so on with every other "blahN " piece of content. Right now, the jQuery I'm using has synchronized both divs to scroll at the same time, regardless of specific waypoints that might be reached per-scrolling.
Here's the basic markup I'm using right now:
<div class="left"> <?php foreach($obj->field_page_objs as $k1=>$v1){
[code]....
few other websites and the responsiveness has been minimal-to-nonexistent. I'm sure this is because of both how I've explained the problem combined with the overall difficulty (or niche-ness) it introduces. In any event, I apologize beforehand if this carries over into this website.
Is it possible, that when I click and hold down my mouse button inside a div it will scroll depending on which way I move my mouse? What I'm after is a bit like the hand tool in photoshop when you are zoomed in.
Is it possible to have an iFrame set at 100% so that you will not need to scroll up or down inside the actual page? I have been searching for a while now and one thing to note is that the source file is from another web site (with permission) and is https on an http page. The code works fine but I cant seem to get the 100% height.
i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(
1. how can i detect in which direction the scroll is done (to the right, or to the left) ? 2. how can i determine how many pixels this scrolling is about ? 3. how to scroll the table header (table tag or th tag) from the same amount of point ?
i found just scrollLeft for now and i'm not successful to use it
how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
I've been searching for about 3 days on this topic. I'm trying to get a template field inside of an ASP.Net detailsview control inside of an ajax updatepanel to work with the jquery datepicker. Very frustrating! I'm using VB with VS 2010. I can get the datepicker to work fine with a simple text box inside of an update panel but when I put it inside of a detailsview control it stops working.
I'm trying to create a countdown timer based upon[URL]...what I'm trying to do: The database has a date, then there is a certain amount of seconds. Say 60*10 = 600 seconds / 10 minutes.
Everytime somebody buys something the datetime in database will be updated to the datetime item was bought. Now my goal is that anyone who is watching the timer in REAL time will have their timer reset to 10 minutes when somebody else buy.
Now the probem is this. The timer works sometimes only. Usually the first 3 times after a page load when somebody buys an item it works. Then it doesn't work. Or work at random intervals. It just doesn't make any sense to me!??
Im just getting started with jQuery and have successfully made a div "slideUp".I was going to put a long div on the top of a page with a message, show for a few seconds, and then slide up to disappear. I've seen that technique used quite a bit lately.Is there a way I can delay the run of my slideup function? I'd rather it be timed or delayed, than click to close.
I have a feature banner on my homepage which is comprised of a banner image and 4 tab-like buttons. When the user clicks one of the tab buttons the banner image changes. This all works using the code below:
$ ( '#promo-items img' )
[Code]....
However, I'd like to put this on a timer so that the tabs select automatically, one after the other, and the main image changes correspondingly. The user can still manually select the tabs but the timer still loops through them too if the user doesn't select anything.
My issue is this... I have a set interval that runs a php script and then .load()'s it into a div. Now... I have another jquery script that submits a form when a checkbox is checked...
After the timer goes off and fetches the data and brings it back, the script that submits the form no longer works .
Code:
var refreshId = setInterval(function() { $('#loader').load('php/table.php').fadeIn("slow"); }, 10000);
I have a table with 5 columns, I want to show column by column, first show the 1st column, after 5 seconds hide this column and show the 2nd column, and when I show the 5 column hide this and return to the 1st.All this automatically, without a button click If is more easy with divs I can change this columns for divs
I want to print out several bits of info to the page dynamically according to a timer. I have PHP / MySQL printing this data out in hidden divs when the page loads (thinking this might be the best way to do this)... This is working fine. Heres a peice of source of the page:
<div id="0004"><a href="javascript:void(0);" title="Canon was originally named after a Japanese idol/false god. One of the originating camera makers in Japan. Canon revolutionlized the photo industry by releasing superior products at reasonable market prices. Their lens are the benchmark for the professional industry and many consider Canon to be the best photo system that can be bought with money.You see all those white lens's on the side lines at sporting events?">Canon</a></div> Ok the plan is using a counter I want to display all div ids less than say '0075';
I have a countdown clock in bidding. When someone bid within 30 secs clock will reset from 30 sec. In my case clock is reset but timezone difference added. So if bid within 30 sec clock counting down 4 hrs , 30 mins , 30 secs.
My code is below---- "cd".$clock_no is the countdown div var periods = $("#cd". $clock_no."").countdown('getTimes'); if ($.countdown.periodsToSeconds(periods) < 30) { periods[6]+=30; $("#cd1").countdown('change', {until: periods[0] + 'y ' + periods[1] + 'o ' + periods[2] + 'w ' + periods[3] + 'd ' + periods[4] + 'h ' + periods[5] + 'm ' + periods[6] + 's'}); }
var obj = {}; with(obj) { var x = 10; } print(x); print(obj.x);
It prints 10 and undefined. Here, one could expect that obj.x get the value 10. But it's not the case, because variable declarations are placed at the start of function code (or global code), so the previous code is equivalent with:
var obj; var x; obj = {}; with(obj) { x = 10; } print(x); print(obj.x);
You can clearly see now that x is placed in the outer context. But consider the next:
var obj = {}; with(obj) { eval("var x = 10;"); } print(x); print(obj.x);
I was expecting that obj.x would get the value 10 here. But no, it gives the same output as the previous code. I tested it with spidermonkey, kjs and ie jscript. Looking at the ECMA spec, I could not find anything that describes that behaviour. Code:
I am trying to refresh a page at a 30 second interval with a function called timeout(). I tested my code with a message, and it worked fine. When I replaced it with a php script to refresh the page, nothing happened. I was not sure if this question belongs here or under the php forums. I thought I'd try here first. What am I doing wrong? Is there a better way to do this? Code:
Im not sure where to find all the documentation i need for this? I need to timer since a start button has been pushed, and show a counter on a page. If they click stop i want to keep the time, and carry on incrementing it if they click start again.
Any suggestions on code, or reference material for this?
i have a game when 2 or more players enter the game a button appears one of the players clicks the button the game starts, what i want to do is when 2 or more players join the game i want the game to start, and not start by using the button.here is the code for the button.
