JavaScript - Problem With Auto-reloading Random Img

I've looked for a solution to this issue, but it seems like a little different scenario than other situations.

I made a system for generating friend requests on Facebook. I have a grid that is 6 x 3, for a total of 18 cells. Each cell has a picture in it, and the picture is linked to the Facebook friend request page. My problem is that since each cell is populated at random from the array, I'm getting lots of repeats. For example, some picutures are in 5 cells, and some are in none. I'm trying to figure out how to make it so that once a picture is used once in the grid, it does not get used again in the same grid. I still want every cell filled at random on each page load, I just want to prevent the repeating.

Here's my current code:
Code:

<script type="text/javascript">
var vip_list=new Array(
	new Array('http://profile.ak.fbcdn.net/v225/1616/88/s1220771654_2158.jpg','http://www.facebook.com/addfriend.php?id=1220771654'),
	new Array('http://profile.ak.fbcdn.net/v223/1233/29/s904885342_9055.jpg','http://www.facebook.com/addfriend.php?id=904885342'),
	new Array('http://profile.ak.fbcdn.net/v229/1574/66/s1752031238_626.jpg','http://www.facebook.com/addfriend.php?id=1752031238'),
        new Array('http://profile.ak.fbcdn.net/v223/768/71/n661155042_7325.jpg','http://www.facebook.com/addfriend.php?id=661155042'),
	new Array('http://profile.ak.fbcdn.net/v226/732/26/n1827289885_2478.jpg','http://www.facebook.com/addfriend.php?id=1827289885'),
     new Array('http://profile.ak.fbcdn.net/v229/1631/70/s1425313768_1140.jpg','http://www.facebook.com/addfriend.php?id=1425313768'),
     new Array('http://static.ak.fbcdn.net/pics/s_silhouette.jpg','http://www.facebook.com/addfriend.php?id=1667023416'),
     new Array('http://profile.ak.fbcdn.net/v225/1146/29/s506485704_9532.jpg','http://www.facebook.com/addfriend.php?id=506485704'),
     new Array('http://profile.ak.fbcdn.net/profile6/270/32/s692160490_8745.jpg','http://www.facebook.com/addfriend.php?id=692160490'),
     new Array('http://profile.ak.fbcdn.net/v229/114/83/s1218176198_7375.jpg','http://www.facebook.com/addfriend.php?id=1218176198'),
     new Array('http://profile.ak.fbcdn.net/v226/946/4/s1470171885_4973.jpg','http://www.facebook.com/addfriend.php?id=1470171885'),
     new Array('http://static.ak.fbcdn.net/pics/s_silhouette.jpg','http://www.facebook.com/addfriend.php?id=1329505888'),
     new Array('http://static.ak.fbcdn.net/pics/s_silhouette.jpg','http://www.facebook.com/addfriend.php?id=1325496968'),
     new Array('http://profile.ak.fbcdn.net/v223/1546/92/s1536913202_2017.jpg','http://www.facebook.com/addfriend.php?id=1536913202'),
     new Array('http://static.ak.fbcdn.net/pics/s_silhouette.jpg','http://www.facebook.com/addfriend.php?id=1624715433'),
     new Array('http://profile.ak.fbcdn.net/v228/1282/58/s713998257_3682.jpg','http://www.facebook.com/addfriend.php?id=713998257')
);

var chosen_vip=Math.floor(vip_list.length*Math.random());
var chosen_vip1=Math.floor(vip_list.length*Math.random());
var chosen_vip2=Math.floor(vip_list.length*Math.random());
var chosen_vip3=Math.floor(vip_list.length*Math.random());
var chosen_vip4=Math.floor(vip_list.length*Math.random());
var chosen_vip5=Math.floor(vip_list.length*Math.random());
var chosen_vip6=Math.floor(vip_list.length*Math.random());
var chosen_vip7=Math.floor(vip_list.length*Math.random());
var chosen_vip8=Math.floor(vip_list.length*Math.random());
var chosen_vip9=Math.floor(vip_list.length*Math.random());
var chosen_vip10=Math.floor(vip_list.length*Math.random());
var chosen_vip11=Math.floor(vip_list.length*Math.random());
var chosen_vip12=Math.floor(vip_list.length*Math.random());
var chosen_vip13=Math.floor(vip_list.length*Math.random());
var chosen_vip14=Math.floor(vip_list.length*Math.random());
var chosen_vip15=Math.floor(vip_list.length*Math.random());
var chosen_vip16=Math.floor(vip_list.length*Math.random());
var chosen_vip17=Math.floor(vip_list.length*Math.random());

document.write('<center>');
document.write('<a href="',vip_list[chosen_vip][1],'" target="_blank"><img src="',vip_list[chosen_vip][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip1][1],'" target="_blank"><img src="',vip_list[chosen_vip1][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip2][1],'" target="_blank"><img src="',vip_list[chosen_vip2][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip3][1],'" target="_blank"><img src="',vip_list[chosen_vip3][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip4][1],'" target="_blank"><img src="',vip_list[chosen_vip4][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip5][1],'" target="_blank"><img src="',vip_list[chosen_vip5][0],'" height="60" width="60"></a>');
document.write('<br>');
document.write('<a href="',vip_list[chosen_vip6][1],'" target="_blank"><img src="',vip_list[chosen_vip6][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip7][1],'" target="_blank"><img src="',vip_list[chosen_vip7][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip8][1],'" target="_blank"><img src="',vip_list[chosen_vip8][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip9][1],'" target="_blank"><img src="',vip_list[chosen_vip9][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip10][1],'" target="_blank"><img src="',vip_list[chosen_vip10][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip11][1],'" target="_blank"><img src="',vip_list[chosen_vip11][0],'" height="60" width="60"></a>');
document.write('<br>');
document.write('<a href="',vip_list[chosen_vip12][1],'" target="_blank"><img src="',vip_list[chosen_vip12][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip13][1],'" target="_blank"><img src="',vip_list[chosen_vip13][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip14][1],'" target="_blank"><img src="',vip_list[chosen_vip14][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip15][1],'" target="_blank"><img src="',vip_list[chosen_vip15][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip16][1],'" target="_blank"><img src="',vip_list[chosen_vip16][0],'" height="60" width="60"></a>');
document.write('<a href="',vip_list[chosen_vip17][1],'" target="_blank"><img src="',vip_list[chosen_vip17][0],'" height="60" width="60"></a>');
document.write('<br>');

</script>

Any suggestions?
Thank you!

i have this code included within a .php file on my website. I realised that my %age rules defining the width of my website page dont really work once i get to wider sizes so i want to use a fixed width page design using css code (only once wide enough) to achieve this. Please have a look at my code and tell me what im doing wrong i cant find anything wrong with my js. If js is anything like python i may need to change the output from a string to an integer or something along those lines. I can easily just doc.write the width but i cant get it to compare properly


Code:

<script type="text/javascript">
if (document.body.clientWidth > 1280)
{document.write('<link href="wdestyle.css" rel="stylesheet" type="text/css" />')};
else
{document.write('<link href="nrostyle.css" rel="stylesheet" type="text/css" />')};
</script>

I'm almost finished with this app for XUL / HTML Table Generation, and i have a really strange problem...

The HTML strings in the Arrays can be changed, and the HTML file saved, and the HTML page reloaded, and the changes will render.
However, i have one array, no matter what i change the HTML strings to, it refuses to render the changes made to the HTML strings.
It's quite confusing...

the array in question is

Code:

// Humidor InnerHTML
HumidorInnerHTML[0] = "<img src='NoImage.gif' style='height:100px; width:100px;'>";
HumidorInnerHTML[1] = "<input type='textbox' id='Others_Caption" + HumidorIndex + "'>";
HumidorInnerHTML[2] = "<input type='textbox' value='85' id='Others_Height" + HumidorIndex +"'>";
HumidorInnerHTML[3] = "<input type='textbox' value='85' id='Others_Width" + HumidorIndex +"'>";
HumidorInnerHTML[4] = "<img src='NoImage.gif' style='height:100px; width:100px;'>";
HumidorInnerHTML[5] = "<img src='NoImage.gif' style='height:100px; width:100px;'>";
HumidorInnerHTML[6] = "<img src='delete.png' onClick=DeleteRow('" + HumidorIndex + "','Humidor_Table');>";
HumidorInnerHTML[7] = "<img src='add.png' onClick=AddRow('" + HumidorIndex + "','Humidor_Table');>";

and the function that generates the HTML Table on the fly (and adds the cell data to them) is he

Code:

function AddRow(index, DIV)
{
MyTable = document.getElementById(DIV);
 
var newCell;
var newRow = MyTable.insertRow(index);

var Length;

switch (DIV)
{
case "Intro_Table" : Length = IntroInnerHTML.length;
break;
case "Image_Table" : Length = ImageInnerHTML.length;
break;
case "Watch_Table" : Length = WatchInnerHTML.length;
break;
case "Others_Table" : Length = OthersInnerHTML.length;
break;
case "Humidor_Table" : Length = HumidorInnerHTML.length;
break;
}

for (var i = 0; i < Length; i++) 
	{
     newCell = newRow.insertCell(i);
	 
	 switch (DIV)
	 {
	  case "Intro_Table": newCell.innerHTML = IntroInnerHTML[i];
	  break;
	  case "Image_Table": newCell.innerHTML = ImageInnerHTML[i];
	  break;
	  case "Watch_Table": newCell.innerHTML = WatchInnerHTML[i];
	  break;
	  case "Others_Table": newCell.innerHTML = OthersInnerHTML[i];
	  break;
	  case "Humidor_Table": newCell.innerHTML = WatchInnerHTML[i];
	  break;
	 }

    }

// Update the Index Counters
switch (DIV)
 {
 case "Intro_Table": IntroIndex++;
 break;
 case "Image_Table": ImageIndex++;
 break;
 case "Watch_Table": WatchIndex++;
 break;
 case "Others_Table": OthersIndex++;
 break;
 case "Humidor_Table": HumidorIndex++;
 break;
 }
}

when the page is loaded, the Init() function is started, that code is he

Code:

function Init()
{
 AddRow(1, "Intro_Table");
 AddRow(1, "Image_Table");
 AddRow(1, "Watch_Table");
 AddRow(1, "Humidor_Table");
 AddRow(1, "Others_Table");
}

Did i miss something? there must be something i've over looking. I have even tried isolating some other external JS, and CSS includes that i have, and isolating them has no change in the result.

the html file is live he

http://kevinjohnson.clanteam.com/XML...anageSite.html

thanks

hi,

I have a google map which shows a car moving along a line that it reads from xml. This is the code that moves the map and the car image:

Code:

     // Returns the bearing in radians between two points.
     function bearing( from, to ) {
       // See T. Vincenty, Survey Review, 23, No 176, p 88-93,1975.
       // Convert to radians.
       var lat1 = from.latRadians();
       var lon1 = from.lngRadians();
       var lat2 = to.latRadians();
       var lon2 = to.lngRadians();

       // Compute the angle.
       var angle = - Math.atan2( Math.sin( lon1 - lon2 ) * Math.cos( lat2 ), Math.cos( lat1 ) * Math.sin( lat2 ) - Math.sin( lat1 ) * Math.cos( lat2 ) * Math.cos( lon1 - lon2 ) );
       if ( angle < 0.0 )
	angle  += Math.PI * 2.0;
        			if (angle == 0) {crash;}
       return angle;
     }

      function plotcar() {
        var cosa = Math.cos(angle);
        var sina = Math.sin(angle);
        canvas.clearRect(0,0,32,32);
        canvas.save();
        canvas.rotate(angle);
        canvas.translate(16*sina+16*cosa,16*cosa-16*sina);
        canvas.drawImage(img,-16,-16);
        canvas.restore();
      }


//=============== animation functions ======================
function animate(d) {
        if (d>eol) {
          return;
        }
        var p = poly.GetPointAtDistance(d);
		if (k++>=180/step) {
          map.panTo(p);
          k=0;
        }
        map.panTo(p);
        marker.setPoint(p);
		if (supportsCanvas) {
          if (poly.GetIndexAtDistance(d)>lastVertex) {
            lastVertex = poly.GetIndexAtDistance(d);
            if (lastVertex == poly.getVertexCount()) {
              lastVertex -= 1;
            }
            while (poly.getVertex(lastVertex-2).equals(poly.getVertex(lastVertex-1))) {
              lastVertex-=1;
            }
            angle = bearing(poly.getVertex(lastVertex-2),poly.getVertex(lastVertex-1) );
            plotcar();
          }
        }
        setTimeout("animate("+(d+step)+")", tick);
      }

function startAnimation() {
        eol=poly.Distance();
        map.setCenter(poly.getVertex(0),16);
        map.addOverlay(new GMarker(poly.getVertex(0),G_START_ICON));
        map.addOverlay(new GMarker(poly.getVertex(poly.getVertexCount()-1),G_END_ICON));
		if (supportsCanvas) {
          marker = new ELabel(poly.getVertex(0), '<canvas id="carcanvas" width="32" height="32"><\/canvas>',null,new GSize(-16,16));
	        map.addOverlay(marker);
          canvas = document.getElementById("carcanvas").getContext('2d');
          var p0 = poly.getVertex(0);
	        var p1 = poly.getVertex(1);
          angle = bearing(p1,p0);
          plotcar();
        } else {
          marker = new GMarker(poly.getVertex(0),{icon:car});
          map.addOverlay(marker);
        }
        poly2 = new GPolyline([poly.getVertex(0), poly.getVertex(1), poly.getVertex(2)], 0,0);
//        map.addOverlay(poly2);
        setTimeout("animate(0)",2000);  // Allow time for the initial map display
}

It works fine as you can see here

but the problem is that if the user clicks the button again without reloading the page, the map moves but the car remains at its last point.

From what I can figure out, this means that the startAnimation() function has restarted but the animate(d) function has not restarted.

but trying to call the animate(d) function from the button, where the startAnimation() gets called, he

Code:

<input type="button" onclick="startAnimation();return false;" value="show bus route 1">

results in an error that d is not defined.

is there some way of resetting the animate(d) function when the startAnimation() function gets called, so everything goes back to the start? Or is there some other way of "refreshing" everything without reloading the page?

thanks in advance.

Hi all, i'm using this code:

Code:

var r_text = new Array ();

r_text[0] = "Random Text 0";
r_text[1] = "Random Text 1";
r_text[2] = "Random Text 2";
r_text[3] = "Random Text 3";
r_text[4] = "Random Text 4";
r_text[5] = "Random Text 5";
r_text[6] = "Random Text 6";
r_text[7] = "Random Text 7";
r_text[8] = "Random Text 8";


var i = Math.floor(9*Math.random());

   {
   document.write("<Marquee SCROLLAMOUNT=10><FONT-FAMILY: 'Calibri'><FONT-SIZE: 13pt)<B><FONT COLOR='#FFFF00'>" +
   r_text[i] + "</FONT></B></FONT-SIZE></FONT-FAMILY></Marquee>");
	}

This code works as far as me getting a right to left marquee, which, every time the page reloads, generates one of the random pieces of text.

I'd like to add a piece of coding to this so that on mouseover, the marquee will pause, but I don't have a clue what to add, or where.

My other problem:

The text is yellow..size 10, yet whatever font family i specify, will ALWAYS appear in the font Georgia (in the browser im using, Firefox.) in both Opera and IE, it comes out Times New Roman! this is a real rooky problem, but i am a rooky and i'd just like to understand why, and how to ACTUALLY get Calibri.

Any help would be greatly appreciated

Hi,
I have a script that writes to an IFRAME, it writes dynamically and then needs to reload it server side. Anybody knows how to do it? I'm joining the code of my attempt but it appears to be reloading the IFRAME on the client side therefore causing an activeX error since I am running this in FireFox:
PHP Code:
    var frTraductionID = document.getElementById("frTraduction");
    frTraductionID = (frTraductionID.contentWindow) ? frTraductionID.contentWindow : (frTraductionID.contentDocument.document) ? frTraductionID.contentDocument.document : frTraductionID.contentDocument;
    var x=frTraductionID.document.getElementById("hCount").value;
    var ifrm = document.getElementById("ifUPDATE");
    ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
    ifrm.document.open();
    ifrm.document.write('<scr' + 'ipt language=javascript type="text/javascript" runat=server>');
    ifrm.document.write('var fso = new Active' + 'XObject("Scripting.FileSystemObject"); ');
    ifrm.document.write('var f = fso.OpenTextFile("' + sFileName + '", 2, true); ');
    for (var i=0;i<x;i+=1) {
        var sString="";
        sString +="f.WriteLine('";
        sString +=frTraductionID.document.getElementById("h"+i).value;
        sString +='="';
        sDetail=frTraductionID.document.getElementById("d"+i).value.replace('"', ' ');
        sDetail=sDetail.replace("'", "`");
        sString +=sDetail;
        sString +='"';
        sString +="')";
        sString +="; ";
        alert("i = " + i + " str = " + sString);
        ifrm.document.write(sString);
    }
    ifrm.document.write("f.Close();");
    ifrm.document.write("</Scr" + "ipt>");
    ifrm.document.close();
    document.getElementById('ifUPDATE').contentWindow.location.reload(true); 


any help would be appreciated.

Hi there.

I am not all that great at coding, but would like to put together a windows sidebar gadget that keeps track and logs specific activities. Some daily, some weekly, some monthly, ect.

I need to find a way to refresh a small imported java script every time a button is pressed without refreshing the entire form. Would also like to have it refresh automatically every hour if possible.

The line of code to reload is <script src="http://www.dgdevelco.com/quotes/quotestxt.js"></script>.

Here is the entire code:

<html>
<head>
<title>Form</title>

<style>
body
{
margin: 0;
width: 130px;
height: 400px;
background-image: url(bg.jpg);
}
</style>

<script type="text/javascript">
/*Enable Gadget Setting Functionality.*/
System.Gadget.settingsUI="settings.html";
</script>

</head>

<g:background style="position:absolute;top:0;left:0;z-index:-999;no=repeat;" />

<form name="Form">
<table width="128" style="position: absolute; left: 1px; top: 1px;">
<tr>
<td><input type="checkbox" name="item" value="01"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 1</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="02"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 2</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="03"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 3</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="04"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 4</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="05"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 5</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="06"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 6</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="07"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 7</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="08"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 8</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="09"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 9</td>
</tr>
<tr>
<td><input type="checkbox" name="item" value="10"></td>
<td style="font-family: 'Arial Narrow'; font-size: 10px;">Item 10</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Submit" style="font-family: 'Arial Narrow'; font-size: 10px; float: left;">
<input type="reset" value="Reset" style="font-family: 'Arial Narrow'; font-size: 10px; float: right;">
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="button" name="Report" value="Report" style="font-family: 'Arial Narrow'; font-size: 10px;">
</td>
</tr>
<tr>
<td colspan="2">
<font style="font-family: 'Arial Narrow'; font-size: 10px; text-align: center;">
<script src="http://www.dgdevelco.com/quotes/quotestxt.js"></script>
</font
</td>
</tr>
</table>

</body>
</html>


I have tried iframe and while it looks nice for text wrapping, it will still reload the entire gadget. Any suggestions (preferably simple so my little mind and wrap around it) would be great! Thanks for looking. :)

how can refresh my website without interrupting of main content. suppose user reading a post in my website .
during that i want to refresh my ads in my website without interrupting of main content.
ex: go this link. http://www.novamov.com/video/xl58zuy4sd1a9
in this page site will automatically refreshes the ads
every 1 minute without interrupting of main content.

how can i do that in same manner. please help me.

I have an application I'm working on and here is what I'm trying to do:

I want users to work from a main application. Certain things will need to be done but the users wont want to see the main screen go away while doing these certain things. So my idea is to just open a new window with the content they need, they'll make their changes, the new window will close but then I want the main page to reload.

What I've done now is at the end of the script that will be run prior to the new window closing is added this (its a php app):
Code:

echo "<script>window.close();</script>";
echo "<script>window.opener.location.reload(true);</script>";

Sometimes this works in IE and Firefox but never in Chrome. I know I've seen this done before on other sites, but I cant think of what they are.

Can anyone tell me a reliable way that works in all browsers?

I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected.

Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this.

I'm using a jquery plugin to handle the query strings. Here's the plugin.

Here's the piece of the code that matters:

Code:

        var url = location.search;
	var tab = $.query.get('t');
	
	init(tab);

	function init(tab){
		$("div.tab").hide(); //hides all the content boxes related to the tabs
		$("div#tab"+tab).fadeIn("fast"); //Shows the selected tab's content box
		setInactive();  //Styles unselected tabs
		setActive(tab); //Styles selected tab		
	}

Any help would be greatly appreciated.

Hey all,

I'm trying to make it so that when a user clicks on a radio button, the image that is related to the radio button is displayed next to it (without reloading the page). At the moment all it shows is the image related to the currently saved option, which I'd like to keep on page load. Is this possible? If so, I'd appriciate any help.

Here is my code for the radio buttons.

Thanks.

Code:

<tr valign="top">
	<td id="community-legal-services-logo-selection">
		<p><label><?php _e('<strong class="table_tags">Display the following Community Legal Services logo:</strong>'); ?></p>
		<p><label for="cls-mono">
			<input class="" id="cls-mono" name="cls_logo" type="radio" value="cls_mono" <?php if($general_options['cls_logo'] === 'cls_mono'){ echo 'checked="checked"'; } ?> />
			<?php _e('Mono'); ?></label>
		</p>
		<p><label for="cls-color">
			<input class="" id="cls-color" name="cls_logo" type="radio" value="cls_color" <?php if($general_options['cls_logo'] === 'cls_color'){ echo 'checked="checked"'; } ?> />
			<?php _e('Colour'); ?></label>
		</p>
		<p><label for="cls-none">
			<input class="" id="cls-none" name="cls_logo" type="radio" value="cls_none" <?php if($general_options['cls_logo'] === 'cls_none'){ echo 'checked="checked"'; } ?> />
			<?php _e('None'); ?></label>
		</p>
		<p>
			<label><?php _e('<span class="table_tags">Link to the Community Legal Services website<span>'); ?></label>
		</p>
		<p>
			<input class="large_input_box" id="cls-link" name="cls_link" type="text" value="<?php echo $general_options['cls_link']; ?>" /></label>
		</p>
	</td>
	<?php if($general_options['cls_logo'] && $general_options['cls_logo'] !== 'cls_none'){ ?>
		<td>
			<img id="community-legal-services-logo-preview" class="image-preview" src="<?php echo $general_options['cls_logo_path']?>" />
		</td>
	<?php } ?>	
</tr>

Hello,

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:

Code:

<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>

The Javascirpt is the Facebook Share button that basically allows users that have Facebook to share the page there currently on in their Facebook status by pressing the button, but if there not logged in it shows the login page, not a problem just continue the script.

The current button i which is what i want to load automatically in the PHP file is located here, to test the functionalilty just click "Share" button in blue..

http://watch-movies-online.anyfilman...-Movie-17.html

To summarise, i would like the above Javascript code to execute automatically upon pageload of this PHP file.. http://www.watch-movies-online.anyfi...p://google.com.

If that could be done, and if this also is possible.. i would like for the "Share" button on the external page that is loaded from the Javascript code above to be clicked automatically so in effect when ever someone visits the PHP page after clicking "Click Here to Watch/Stream 2012 Online For Free" on this page it will automatically load the Facebook Share box, and automatically click the "Share" Button and then close the page if possible, but not required.

Please feel free to ask any questions, i'll be happy to answer.

Thanks in advance.

Best Regards,
Jonathan.

Hi,

I'm not much of a programmer, I have this script for randomly rotate a bunch of pictures.
What do you change to make to change from one another, not random?

Thanks
Denny

<script language="javascript">

var delay=5000 //set delay in miliseconds
var curindex=0
var i = 0
var randomimages=new Array()

randomimages[0]="...image01.jpg"
randomimages[1]="...image02.jpg"
randomimages[2]="...image03.jpg"
randomimages[3]="...image04.jpg"
randomimages[4]="...image05.jpg"
randomimages[5]="...image05.jpg"

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
i = Math.floor(Math.random()*(randomimages.length))
document.write('<img border=2 name="defaultimage" src="'+randomimages[i]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length))))
{
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]

}
setInterval("rotateimage()",delay)
</script>

Hello!

I have an array of strings, like this:

var strings= [
"car", "black", "word", "small", "paper", "doom", "elemental",
"sword", "mouse" ];

Now i got a function newgame() and i wanna display random word from this array in rectangles gray styled...
Here is the problem. I can make to display random words, but i dont know how i make this words with the css style together - rectangels around a char. But the words are different length so i dunno?

When i press newgame button, i want for example to random a word from the array:
for example word "paper"
then i want it to be displayed like this [p] [a] [p] [e] [r], where [ ] are rectangels around the chars ( with the css style, like this:
border: 1px solid #000;
width:10px;
background-color:gray;
text-align:justify;
padding: 5px 10px;
i make a gray rectangle border around the char, but how can i make it work with random words?

How can i make it work? Any help please!

This is quite easy yet hard.

I'm trying to apply something in my forums, where a member could post something let's say:

"Hi, I am number [random]1, 6[/random]"

And what would happen is that, a number from 1 to 6 would be the content, for example, it would be:

"Hi, I am number 3"

But if you refresh the page, it would still be the same number. Like it won't be randomized again.

So how do I make a javascript/html code that would make a one time number randomizer.