HTML - Controlling Marquee With Buttons
For example.. Let's say i have a remote with Play, pause and stop(reset original position) i want these buttons to manipulate the image that has the marquee tag. How do you do this in html. seems basic, any help?
play tells marquee to begin pause tells it to hold postition stop tells it to reset to original position. thx Similar TutorialsHi guys, Trying to do something with tables but have hit a bit of a wall. Have got something that looks like this... Code: <table> <table> <tr><td>content 1</td></tr> </table> <table> <tr><td>content 2</td></tr> </table> </table> Content 1 is created dynamically and can be a list of varying size, content 2 is hardcoded 'welcome to blah blah blah.' Want I want to do is keep the second table fixed to the top of the parent rather than scale down relative to how much there is in content 1. The reason Im using two tables is because of a reader issue the will read across <td>'s if there is only one table. Would love some help, thanks I am working on an HTML form that has 4 buttons: Not Me (to signify that the information returned at the top of the form is not correct), then there are additional fields and three more buttons at the bottom of the form: Clear, Cancel and Submit. Looks like Greg Norman 44 This Lane Someplace, NN 00000 [NOT ME] Comments [ ] Donation [ ] CC Number [ ] [CLEAR] [CANCEL] [SUBMIT] I want to place the cursor in the first field, which I can do with javascript (document.getElementById('1').focus()), but when I do the NOT ME button highlights as the button in focus. If any button has to retain focus, I want it to be the SUBMIT button, not the first button on the page. However, if I control the cursor and insert it into the first field, I can't seem to get control of the button independently. I have tried many things, including assigning ID, tab order, and even creating the buttons with javascript separately, but the browser seems to demand focus on that first button even when I remove the focus from the button before placing the cursor: window.document.focus document.getElementById('1').focus() Is there a separate commend by which I can control the focus of the buttons ? Is there a way to set focus on two items at the same time (i.e., the correct button and the entry field)? I am using CSS and feildsets to define a custom look for the forms, but I assume that really doesn't make a difference. ANY IDEAS? I'm embedding an external website that I do not have control over into my site using an iFrame. My problem is that some of the links inside the iFrame open the iFramed site in the same tab, which takes the user away from my website. What I'm trying to do is influence the links inside the iFrame so they behave similar to target="_blank", so they open in a new tab, leaving my site intact in the original tab. So far in my research its looking like it's impossible to influence the links inside an iFrame in this fashion without having control of the actual iFrame content. If it is in fact not possible, is there another solution for embedding another site within mine that allows this control, that's not an iFrame? Thanks so much for the help! The code below attempts to do the following... Create a div with 2 'lines' in it each consisting of a piece of text and and a clickable img. HTML Code: <div> <div id="A"> <a><img src="http://localhost/plus.gif" onclick="DoSomething()"></a> <span>text related to image</span> </div> <div id="B"> <a><img src="http://localhost/min.gif" onclick="DoSomething2()></a> <span>text related to image</span> </div> </div> My problem is that the images are too high in relation to their line of text. If I use margin-top on the img it lowers the entire div (divs 'A' and 'B' that is), down. How do I lower just the image (or alternatively bring the span text up)? the above HTML layout is not a necessity, I just need it to achieve the visual layout I'm going for, I don't care how. Thanks. I want to control the columns inside my table. link below show 3 inter columns, but the only way I can get the first column to be a one line test is for me to put breaks -BR- after every few words. this can't be right, how do I control the width of the columms? TIA http://www.nomagicneon.com/shorteez.html I have a marquee on my website displaying an rss feed. The problem however is that the marquee is making the rss feed two lines because it wouldnt be able to scroll the whole width of the table without disappearing. How can I code it so that the marquee will just be the one line? Thanks alright when using marquee's is there actually a way to tell it where to be but not have to put it at the certain place in the html. like can u use coordinates instead of tables and lists and if so how? because i want to have a marquee of a welcome message/news on my webpage on the navigation bar at the top 1) because it looks better and 2) because theres a lot of blank space on it. the reason i need to find a way to do it by coordinates if possible is because i had to use a horizontal list for my nav bar and when i tried putting the marquee in there it didn't work so i'm guessing i got to put it there some other way out of the lists code. thx in advance, mike (uberwalla) Okay so I have been getting a little better at HTML thanks to this site but, I ran into a problem. I have a marquee that goes the normal direction <-- that way. So I was wondering how can I make it so when the mouse hovers over the marquee it stops and people can view it. I am lovin this site and thank you for your help. Hi there, I've been casually browsing the site for a number of weeks now, with the intention of registering and becoming involved. I've stumbled across a problem within an intranet that I'm working on which I'm hoping some of you may be able to help with. Perhaps the most succinct way to get my problem across would be to describe the situation I'm faced with: Our intranet has a section that displays a company flowchart, which shows a breakdown of everybody's job titles in a spider-diagram. The size of the company dictates that for this to be readable, it has to be fairly large in size. The actual size of the document I need to use (which is in PDF format at present) is 640mm x 400mm. Previously, we have been splitting this into three separate sections to enable it to be displayed as three images (on three separate pages) - each of these three images were then inserted into the relevant page, with an image map created over them to enable the effect I wished (upon clicking on someone's name/box, it pops up a Facebox pop-up with their job description and some other information about that individual. The way the script works, this is all contained within the single HTML file). My problem now is that I would like to achieve as close to this effect as possible. However, the PDF link function doesn't allow the more sophisticated functions, so I would have to convert each Facebox content into a new HTML content, which can then be linked to from within the PDF. My question, therefore, is - is it possible to control the attributes that this new window will open in, from within the source HTML file? Ideally, I would like to specify that the window that opens dynamically resizes to fit the content specified in the source HTML file. If this is not possible, can it be done that the window opens to a specific size? I've done numerous web searches, but haven't found anything relevant to this. If my above query isn't possible, I wonder whether it's plausible to set the default size of new windows from within the page that will contain the embedded PDF. Some sort of command that says "any new pop-up window (i.e. target="_blank") will be opened at X width and Y height." If neither of the above solutions are available, the third option would be to somehow mimick the functionality an embedded PDF offers (i.e. zooming in and out, keeping the total canvas size the same, being able to still create links that work on regions of the content, pointing to the various source HTMLs). I originally went down this road, but my search came up empty. I'm envisaging something Google Map-esque, I guess. I wonder, would it be possible to insert some sort of static frame (size-wise) that can then have scrollable content inside it, the content therein that can be assigned an image map? Zoom +/- functionality and click 'n' drag scrolling would both be high on the list of priorities. Anyone who can offer any insight is thanked gratefully in advance. I have a marquee coming in from the right as normal but want it stop in the centre of the page instead of at the far left. I cannot seem to find any reference to the code required. Thanks Lamarinapete I have a simple marquee with percentage height. The problem is that the marquee 'jumps' casually. I can't specificate a fixed height because the marquee must be adaptive to the height of the page. This is the example: EXAMPLE Thanks in advance! im tired of that simple thing. is there anyway i can make the marqee stop in the middle for a few seconds then continuing on? _____________________ Hello all, I have a simple page with a simple marquee on it (used in a local system, within a browser control and not an online website). The problem I encounter is as follows: 1. I want the marquee to fit itself to the page, so I set <marquee HEIGHT="100%"....> However - this damages the scroll behavior - instead of text scrolling from off-screen bottom, upwards and off-screen top (I set the direction to UP), it starts with as many lines of the marquee as it can show already shown. Explanation: If my marquee has 10 lines, and my browser is maximized, which could show all 10 lines without needing to scroll - then all 10 lines are shown, and no scrolling. BUT I WANT IT TO SCROLL ANYWAY !!! IT'S THE EFFECT I AM AFTER... Any ideas how I can bypass this? Thanks, Maor. Anyone here use a light weight marquee replacement that allows images to scroll horizontally? I need one Problem Fixed Hello, i have amplemented marquee tag in my website. its working on my local system XAMPP but when i upload it to online server its not working here is code Code: function parseXml(xml){ $(xml).find("announcement[current='yes']").each(function() { $("#ann").append("<marquee scrollamount='4' direction='up' width='250' height='300'><p class='ann_title'>" + $(this).attr('date') + ' ' + $(this).attr('time')+ ' ' +"<p class='ann_body'>" + $(this).text()) +' '+ "</marquee>"; }); marquee tag is not working properly in mozilla firefox browser, i used marquee tag to scroll data fetch from database, and data that is scrolling is incomplete the list of data is not finished completely and started again, and some times it looks that scolled text do jerk when scrolling starts............any one has solution <marquee behavior="scroll" direction="up" height="130" scrollamount="2" onmouseover="(this.stop())" onmouseout="(this.start())"> <font face="Calibri" size="2"> <?php while($row = mysql_fetch_array($result)) { echo "<div align='left'><a href=news&event.php?nid={$row['news_id']} style='text-decoration: none'>".$row['news_heading']."</a></div><br><br>"; } ?> </font> </marquee> <marquee onmouseover="this.setAttribute('scrollamount',2, 0);" scrollAmount="1" > in setAttribute above there is three parameters, the first is the attribute, the second is its value, wht is the third one??? thnx in advance hi all how can i control where the movement of the marquee begins?? i have this marquee: <marquee id=marq onmouseover='this.stop();' onmouseout='this.start();' loop='infinite' behavior='scroll' width=100% scrolldelay=2 scrollAmount=3 direction=left> in this marquee i have images, the problem is that those images don't start scrolling from the beginning of the area instead it appears at the end of the area then start scrolling! any ideas?? thnx in advanced Hello all, I have the following marquee code: Code: <p><marquee><img src="images/gallery/gallery (1).jpg"/><img src="images/gallery/gallery (2).jpg"/><img src="images/gallery/gallery (3).jpg"/><img src="images/gallery/gallery (4).jpg"/><img src="images/gallery/gallery (5).jpg"/><img src="images/gallery/gallery (6).jpg"/><img src="images/gallery/gallery (7).jpg"/><img src="images/gallery/gallery (8).jpg"/><img src="images/gallery/gallery (9).jpg"/><img src="images/gallery/gallery (10).jpg"/></marquee></p> But this marquee only reach till my window's left side and it start to restart without completing the scroll.... |