I am building a display which is made up of a XHTML table, CSS styling and JS animation.
The effect I am looking for is for the (mutliple) cell's content to alternate between one word to another.
My initial idea was to build an array to count through the cell numbers like I have for another section of the board in this snippet..
var flsh = document.getElementsByTagName('td');
for (var i=0;i<flsh.length;i++); //flash alert cells
{
cell = !cell;
[Code]....
This code flashes some of the other cells each second, however for my alternating text I'm not sure what methods to use since .style.backroundColor wont suit this.
I have a quiz embedded on my site that originates elsewhere (QuizRevolution.com) and is embedded on my site via a link (plus some other code), part of that code being in an iframe. The quiz contains YouTube videos that, because of how the quiz is set up by QuizRevolution, will not play in browsers/devices without Flash (for example, the iPad). What I would like to do is put some script on my site that will load a SECOND quiz from QuizRevolution (this one without video) for browsers/devices without Flash. This second quiz will substitute for the first one. Does anyone know how to do this? The tricky part seems to be how I have embedded the quiz in my site, so I have included that part of the page here:
I am trying to move each cell content from one table to another table. I do not want to lose the value of each cells in table1, but just to show how I got table2 from table1. I would like to show/animate the movement. So when the user clicks the button the data from table1 will scroll towards table2.
What I really want to happen is for a mouse over to change table cell content. I would like to have a list in the left cell, when you mouse over the list items it will change content(image text and maybe formated in a table) in the cell on the right.
What I want to do basically is to replicate functionaly from jquery forum. While browising forum list you may notice that small menu popup on right side. I want to do something similiar on my forums, and siplay some small menu for each thread and post. Now what I need is way to do it in table cell.
And then I have this code to determine the cell height.
So basically I need both my first and last cells to be able to have the mainbody cells height, but that code only works when placed in or after the cell being measured, in this case "mainbody", my question is this, is their a way to get the size of the mainbody cell before its done loading somehow?
I have a javascript program that uses a HTML table as an Excel-like grid. The user can use arrow keys to navigation the grid. When the user selects a cell and then hits <Enter> key, the program turns the cell from read-only to editable (an input box), and select all the text in the input box. When the user hits <Esc>, the program cancels the changes that the user has made and turns the cell back to read-only. So far so good. The problem is that as soon as the user hits <Esc> key and turns the cell back to read-only, I find that I cannot move the input focus back to the cell any more. Actually I cannot move the input focus back to _any_ cell in the table. When this happens, the user cannot use arrow keys to navigate the grid any more (like the grid has lost the input focus). The user needs to use the mouse to click at a cell in the table to get things working again.
The user can get around with this problem by un-selecting the text from the input-box before hitting <Esc>. But this is not something that I expect the user to remember to do. I need a way to fix this problem. I tried the logical thing and programmatically un-select the text before turning the cell back to read-only. But this actually made thing worse - this causes the workaround to stop working.
The only browsers that I have tested this program is IE6 and IE8. I have not tested this in any other browser.
Attached is a simplified version of the program that can show this problem in action. This simplified program first adds an empty table on the web page, and then creates an instance of the CEstGrid class that takes care of the grid. CEstGrid will add two rows of test data into the table with two columns in each row. The user should use a mouse to click at one of the cell, and the cell should be highlighted. The user uses arrow keys to navigate the table. When he reaches the end of the table, he will wrap around to the other side of the table. Let say the user reaches the cell in row-1 column-2, he hits <Enter> to change the cell to editable. He will find the text in that cell to be highlighted. When he hits <Esc> at this moment, he will find that he cannot use the arrow keys to navigate the table any more, and this is the problem. Please rename the test program from .TXT to .HTML to test it.
imagine table with 15 rows and 3 columns. If I move mouse over any cell I want some other specific cells to change their borders like with pseudo-class :
<td name="third" class="boryellow" onmouseover="this.className='borblue'" onmouseout="this.className='boryellow'">cell</td> even when dealing with empty images - click on link will change border of different element - imgs, but not span or td ... <a href="#" onclick="document.all.xxx.className='borblue'; document.all['name'].className='borblue';
[code].....
Replacing any element link by "third" or "spanx" will cause stuck ant not executing other actions.
<script language="JavaScript"> function changeColor(cell_id){var state1="#dde6ed"; var state2="#ffc20e"; var cellid = new Array ("id1", "id2", "id3", "id4", "id5", "id6"); for(var i = 0; i < cellid.length; i++){var nav = document.getElementById(cellid[i]); if(cellid == nav.id){nav.style.backgroundColor=state2;} else {nav.style.backgroundColor=state1;}}} </script>
what is wrong with this script. I put an onClick= changeColor(this);" in my <td> tag to call the script but still not working.
I am generating a html based table with multiple rows of data coming in real time from a postgres DB. The underlying technology is java based however the front end is html.
now i am unable to alternate the colour of every row so that the table is lot more readable. can anyone suggest a javascript or even a css script which will alternate the row colours irrespective of the number of rows.
window.onbeforeunload = null; window.onbeforeunload = confirmExit; var executingPostBack = false;
function confirmExit() { if ( typeof executingPostBack != 'undefined' && !executingPostBack) { return 'Warning: Modified data has not been saved.' ; } }
In some cases, IE pops up it twice, for example, when we click a link that contains "__doPostBack", onbeforeunload is fired the first time; when the form is submitted, it is fired second time.
There is no way to work it around, because onbeforeunload is stupid, we can't know whether the user clicks OK or Cancel.
I would like to use the following code with confirm so that I know exactly what the user behaves
res = confirm("leaving?"); if (res==1) { alert("yes"); } else { alert("no"); }
but I can't use this in onbeforeunload, because I can't stop it! onbeforeunload always asks for something return, but if I return anything, it will popup!
I am making a ajax form request and I am clueless on how to make an alternate submit when javascript is disabled. This is so it works without javascript and uses a separate php file.
I currently have some simple JS setup but I'd like to alternate between 2 values using "onclick". I have setup a flash clip with a form input buttons for playback control. Here is my form:
However, once this intial stage has passed, and the button is clicked again - the image needs to revert back to the "play" button - so its a cause of having the pause button on show whilst the video plays, if its then clicked, the play button shows as the video is paused.
For a lot of years now I've used a javascript that does a simple rollover image swap, but also changes another alternate image at the same time. It's always worked like a charm.Lately I realized that the script no longer works in IE, though it used to in older versions of IE (I think it stopped working in anything past IE 7). It still works fine in Firefox, Safari, etc.I haven't been able to find a good alternative for this script, so I'm really trying to get it to work again in IE, but so far no luck.
Here's the link to the actual script itself. http:[ur;l]....
Here is a quick menu hidden in a Mouse Gesture for additional navigation on a site or administraitive duties.
To activate the menu simply right click anywhere on the screen , hold the button down, then move the mouse down 50px's and release. This will display the hidden menu.
There are two parts to it, first the Style and Script....
<style> .expanded { position:absolute; padding:1px; font:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; background-color:#D4D0C8; width:150px; border-left :2px solid #FFFFFF; border-top :2px solid #FFFFFF; border-right :2px solid #999999; border-bottom : 2px solid #999999; } a.expanda { padding-left:15px; padding-right:15px; display:block; text-decoration:none; color:#000000; } a.expanda:hover { background-color:#003366; color:#FFFFFF; } </style> <script language="javascript"> document.oncontextmenu = null; document.onmousedown = doDown; document.onmouseup = doUp; var timerID = 1; var ly; var ny; var targ; function doDown(e) { clearTimeout(timerID); document.oncontextmenu = null; var rightclick; if (!e) e = window.event if (e.which) rightclick = (e.which == 3); else if (e.button) rightclick = (e.button == 2); try { if (e.target) targ = e.target.getAttribute('id'); else if (e.srcElement) targ = e.srcElement.getAttribute('id'); if (targ != "navlink") {document.getElementById('altnav').style.display = 'none'} } catch(e) { document.getElementById('altnav').style.display = 'none' } if (rightclick != false) { ly = e.clientY; } return false; }
function doUp(e) { var rightclick; if (!e) e = window.event if (e.which) rightclick = (e.which == 3); else if (e.button) rightclick = (e.button == 2); if (rightclick != false) { if (!e) var e = window.event; ny=e.clientY; lytemp = ly+50; if (ny>lytemp) { document.getElementById('altnav').style.display = "block"; document.getElementById('altnav').style.left = e.clientX + 2; document.getElementById('altnav').style.top = ly+2; window.status = "down menu"; document.oncontextmenu = fakecontext; timerID = setTimeout("document.getElementById('altnav').style.display = 'none'", 5000); } } ly = null; ny = null; } function fakecontext(){return false;}; </script>
And the menu div to place inside the body tag. Edit this to act as the menu you would like. Remember that you can access the event.target if you want to have the menu dynamicaly effect things based on whats clicked.
I was actually looking for a couple of alternate form field elements such as a drag bar or combo boxes. Is there something like that out there, even? (see ascii representation for example of what I mean) Code:
There are lots of JavaScripts and PHP scripts for making tables with alternating row colors. I'd like to know if there's a way to use JavaScript to give a table alternate row CLASSES.
My ultimate goal is to cut down on the html and gain more control over my table. I have a PHP script that gives me alternate cell colors, with different colors in each of two table columns. But it's just too complex to work with. Code:
I have a project that I need to read some data from an XML file.
Something like:
However, since JS is a client side script so it can't read from client side, is there any alternate way to do this? I am thinking to create a "Data" class, and many "Data" objects, is this an elegant way to do it?
Basically i have a function that depending on which picture you click (one for "yes" and other for "no") it will make visible a textarea .
However right now if i click in "yes" it will display me the textarea for yes, and afterwards if i click "no" it will display both textareas, for yes and no. I want everytime i click on yes it will hide the "no" textarea and the same for when i click the "no" textarea, it will hide the "yes" textarea.
I have a table with two rows and 4 columns, the first cell has rowspan of 2. How do I insert something into the first cell only? How can I get the cell index of the first cell?
I am a little new to java script and jQuery so, if you can, please ignore my ignorance. I am creating a theme for Joomla and am calling in the website title using php. I would like so that every other word is a different color.
[Code]...
I would like to use jQuery to make every other word a different color in that specific span.
Is there away to alternate DIV rows in a specific section. When I try to alternate the DIVs it alternates everything that is a DIV on the page. I want to just alternate a DIV table.
