I've been banging my head for two days now trying to figure out how i can swap td cells. There are a lot of examples of how to order rows, but i can seem to find any on how to swap td cells. Has anyone a good referal for this.
View 4 Repliesi have been tryin for a long time to get both of the javascripts(for the thumbnail to main img swap and the navigational arrow swap) to work in synchit needs to be so that after clicking on a thumbnail then on an arrow, the correct image in the correct order appears. as of now they are running separately and one has no influence on the other. forgive me if im not being clear. i keep trying to replace the id that one script is looking for with the same id from the other but this will not work..why?
View 9 Replies View RelatedI was hoping someone might have a solution to randomizing a URL in javascript... in this case for an embedded Simpleviewer link?At the moment the link is http://timperceval.com/guiran/intro1/ but I would like to have the site randomly choose from four URLs.
The embedded code is as follows:
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://timperceval.com/guiran/intro1/svcore/js/simpleviewer.js">
[code]....
but i need one to display 1 text massage of, lets say, 5 whole messages, randomized.
View 1 Replies View RelatedI found this javascript to randomize an image on a page...
Code:
<script language="JavaScript" type="text/javascript">
<!--
function random_img(){
var ranimage = new Array();
ranimage[1] = "photo1.jpg";
ranimage[2] = "photo2.jpg";
ranimage[3] = "photo3.jpg";
var ry = Math.floor(Math.random()*ranimage.length)
if (ry==0)
ry=1
document.write('<img src="'+ranimage[ry]+'" border=1>');
}
random_img();
// -->
</script>
I have some images that are dynamically generated and i want these images to randomize every few seconds (at the moment the images change when the user goes to a different page on the site)...can anyone give me any ideas as to whether this is possible??
The PHP code i'm using is below...
<?php
// read image dir
$dir="../../admin/uploads/";
// Open directory, and proceed to read its contents
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
if (filetype($dir . $file)== "file"){
$counter++;
$selectSQL = "SELECT id, url, imagefile from images";
$result=mysql_query($selectSQL);
#print $result . " - " . mysql_error();
$nameStack=array();
$urlStack=array();
while ($row = mysql_fetch_assoc($result)){
$thisurl= $row['url'];
$thisid= $row['id'];
array_push($nameStack, $row['imagefile']);
array_push($urlStack, $row['url']);
}
}
}
closedir($dh);
}
}
// load each image into array echo rand(5, 15);
// get count of total no. of images
$lastNo=sizeof($urlStack)-1;
$imageToUse=rand(0,$lastNo);
#print "using image $imageToUse of $lastNo";
$imageName=$nameStack[$imageToUse];
$imageUrl=$urlStack[$imageToUse];
#print "got $imageUrl and $imageName
";
//
?>
<a href="<?php echo $imageUrl; ?>"><img src="http://mywebsite.com/admin/uploads/<?php echo $imageName; ?>" alt="click here for our special offers" border=0 /></a>
Here is what I want to do. Create four or five different versions of my site and when someone goes to it a randomly chosen version is displayed. The way I was thinking of doing this is to have the index page of each version in a frame, the containing would run a javascript that choose one of the versions of the site. I figure the container would not display anything and just be a tiny portion of the screen with no visible frame.
That said, I don't know anything about javascript. I just assume this is what I would use to do something like this. Does anyone have a better ideas as to what I would use for this or ideas on how I would go about doing it?
I have an array of 6 items. I want to select 2 at random and then add an item to the start. Here's my randomiser [code]
View 2 Replies View RelatedI'm using a very nice jQuery content slider called Easy Slider on my site that I downloaded from Css Globe. The script is excellent and does just what I want - except I can't make it randomise the list, it always scrolls from left to right or right to left! I'm far from good with JavaScript, so my attempts at solving this have been feeble. Although I'm sure it must be an easy fix! I've tried contacting the original plugin developer but have had no response yet. The comments on the Easy Slider page didn't bear much fruit either unfortunately. I've pasted the script I'm using on my site below:
[Code]....
I know how to randomize an array but how do I randomize the array below and keep the questions and answers together.
Code:
I'm trying to make what is hopefully a fairly simple script to randomize font size, font family, image sizes etc. on a page using a.click and disabling the normal hyperlink function.
Essentially looking to "destroy" the page randomly each time a link is clicked.
What I am trying to do is randomize the position of a div that slides in from the left when you hover over an image.
Here is the script I am working with courtesy of Build Internet
Here is the css that goes with it
I would like to randomize the value of the top position in the css and the value of right:'30%' with values in a preset range.
I am a complete novice with Javascript, but am trying to work out how I can get a button to swap to another image when clicked, and each image have a different URL attached. I want to use this to toggle the bgcolor of my page using this script:
Code:
<script type="text/javascript">
<!--
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
[Code]...
How in javascript can I swap the cells in a table? I know I can copy the innerHTML and style and other bits manually but can I just swap 2 cells in different rows?
View 1 Replies View RelatedI am confuseif i use JS.. its should be in <head> but table should be in <body>.. how am i going to use that.. and put images in that table cell using JS?
View 6 Replies View RelatedIn my attempt to understand the workings of the code at: [URL].. I modified it a bit. My question is: What am i doing wrong with the 'testContents()' function? The rows of the table see to be added to the display, but I can not confirm that fact with the test function.
Code:
<html>
<head>
<title>New Table Rows</title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?t=238921
[Code]...
I have written a simple webpage that presents a table. A JS function
allows the viewer to click on a cell and each cell with the same
content has the background color changed to lime green. Each cell that
was previously highlighted has the background color changed back to
white. This works great with Firefox but does not work correctly with
IE. In IE, none of the previously highlighted cells has the background
color changed back to white. How can I modify the syntax so that it
will work in both browsers? Below is the JS function...
I am new to jQuery and I would like to process a matrix operationusing PHP.The front-end code is done bellow, its a 3x3 table. the user couldselect/deselect individual cells of the table and click the buttonthat calls a PHP script that will run some function. How do I know if a cell is selected? Is there is is_selectedfunction in jQuery? Would it be possible to send a 3x3 array to my PHP script?Please provide me with any info on thisMTMy current test code.
<html><head><title>Test</title>
<script type='text/javascript'
src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'></
[code]....
I have table like this:
<table>
<tr>
<td><div class="drop">a</div></td>
<td><div class="drop">a</div></td>
[Code].....
but if I once resize the block called res, it always select block called drop and I'd like to split the cells only if I just resizing the block called res.
I know that JQuery is a very powerful library and was just wondering if it had the following capability that I really need.
Lets say I need to insert new cells into a table row, I know how to do this basic task, but I need to insert my cells in a highly unusual way due to some of the requirements that are needed for the new cells.
I need to be able to insert cells a certain distance into the row, For example, if a row was 1000pixels wide, is there a feature in JQuery that would allow me to insert the cell 250pixels into the row and have a cell width of 50pixels and insert another cell 500pixels into the row with a cell width of 100pixels. I know how to set a cells width using JQuery, just not distance into a row.
The values wont ever be the exact same as above though because they are actually read from a database, so for example, one cell would have the following values [code]...
I have a query regarding the hide/show of the cells in a table.
The first column is 'Yes and No' options using combo box, 2nd option is 'input field', 3rd column is also 'Yes and No' option using combo box, and 4th option is also 'input field'.
What I want is to make a table using JAVASCRIPT, in which if i select 'No' from the first row first column, i want to hide the remaining 3 cells of the first row. Otherwise if i select 'yes' from the first row first column i want to show all the 3 other options of the first row. Also in between if I select 'No' from the first row third column i want to hide the first row fourth column cell. Selecting 'yes' from the first row third column will show the first row fourth column.
I want apply the same setting of hide and show cells into the remaining columns also.
By selecting 'no' from first column -> hide other corresponding cells of the row
by selecting 'yes' from the first column -> show other corresponding cells of the row
AND ALSO
By selecting 'no' from third column -> hide fourth cell of the corresponding/same row by selecting 'yes' from the third column -> show fourth cell of the corresponding/same row
I tried to add links to open local xml files in browser in a dynamic table cells. I tried all ways but I think I miss something. I can open them without table just by document.write(xmlfile location).
Here is my code.
function showResultsTable(searched, srchedname) {
// get the reference for the body
var mybody = document.getElementsByTagName("body")[0];
// creates a <table> element and a <tbody> element
mytable = document.createElement("table");
mytable.setAttribute('id', 'resulttable');
mytablebody = document.createElement("tbody");
// creating all cells
var mycurrent_cell = new Array();
for(var j = 0; j < srchedname.length; j++) {
// creates a <tr> element
mycurrent_row = document.createElement("tr");
mycurrent_cell[0] = document.createElement("td");
currenttext = document.createTextNode(j);
mycurrent_cell[0].appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell[0]);
mycurrent_cell[1] = document.createElement("td");
link = document.createElement("a");
link.name = ""+srchedname[j]);
link.href = "C:\AAA\TestCasesList.xml";
mycurrent_cell[1].appendChild(link);
mycurrent_row.appendChild(mycurrent_cell[1]);
mycurrent_cell[2] = document.createElement("td");
currenttext = document.createTextNode(searched[j]);
mycurrent_cell[2].appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell[2]);
// appends the row <tr> into <tbody>
mytablebody.appendChild(mycurrent_row);
}
// appends <tbody> into <table>
mytable.appendChild(mytablebody);
// appends <table> into <body>
mybody.appendChild(mytable);
// sets the border attribute of mytable to 2;
mytable.setAttribute("border", "2");
}
I want to move my image through table cells by using arrow buttons.
This is my code.
Now i have problems with the eraseImage and drawImage functions. They just don't work.
I am trying to build a 2-column table with a slidedown effect in each cell:
[url]
Thought I would be clever and copy the first cell into the others and change the content. If you click on 'continue,' you will see the issue I am trying to solve.
Is the cause a float issue? Div? Something else?
I'm trying to remove onchange events from <td> attributes but I can't get it working. I have tried many ways of doing this but this is the way that made most sense to me and still didn't work.This function adds a new row to the table "searchTableResults" and I'm trying to make it remove the onchange attributes on all cells from the previous row. This is sort of the same effect when adding records in Access (a row is added every time you add data in a cell in the last row)
function addSearchRow() {
var mydiv = document.getElementById('searchTableResults').getElementsByTagName('tbody')[0];
var newRow = document.createElement('tr');
[code]....
I have a query relating javascript hide/show cells in a table
I have created a table of 5 rows and 5 columns. The first row is drop down menu having Yes and No option and remaining cells in the row are two text box and two drop down menu.
I want to hide (or may be block) the other four cells as per the option selected from the drop down menu in the first row. If i select No from the drop down menu from the first row i want to hide the remaining cells in the row and if i select Yes I want to show the remaining cells in the row.
I'd like to be able to place inside any given table cell a link or button that will print only the contents of that single cell.
I tried some code that print between <div> and </div> but it printed the entire webpage instead of just the one cell.