JavaScript - Javascript Problem With Facebook Connect Code

What I am trying to do is make a little box that when you hover over it, it will move to a random position.

What I am having trouble with is the JavaScript. I have made the code for everything, EXCEPT to move it to a random position.
Here is my code so far:

Code:

<style type='text/css'>
#circle1 {
	background:#007fff;
	height:20px;
	margin:0px;
	position:absolute;
	width:20px;
	left:5px;
	top:5px;
	-webkit-transition:left 2s linear, top 2s linear;
}

#circle1:hover {
	left:25px;
	top:25px;
	-webkit-transition:left 0s linear, top 0s linear;
}
</style>

<div id='circle1'></div>

I would like the left: and top: in the #circle1:hover to be a random number, to make it go to a random position. I have no clue how to do that though...

So my mom owns a business and has a facebook page (for her business.) I want to know how to create a javascript that will make anyone who views her facebook page automatically like it. Is this illegal? Can anyone help?

x em-jay x

First time poster. so be kind

Hi All,
I have found a bit of shared code on the net that can be used on Facebook. The way it is used is on profiles, or groups, that extend beyond an original page. You load the page and then paste the script into the address bar (in FF and chrome) and hit enter. This then goes down and looks for the 'older post' tag and expands it every 4 seconds. When it gets to the end of the group, it does not stop, it just goes into a loop and restarts from the beginning. I am wanting help to get it to stop at the end of the first pass.

This is the code:

Code:

 javascript:function clrt(){alert('Stopped Post Load');if(f_sM){clearTimeout(f_sM);}};function showMore(){ProfileStream.getInstance().showMore();f_sM = setTimeout(showMore, 4000); xsm=document.getElementById('profile_pager_container');xsm.addEventListener('click',clrt,false)}; showMore();

I have also seen it done, with the same looping results, with this code:

Code:

javascript:function showMore() {ProfileStream.getInstance().showMore(); setTimeout(showMore, 4000)} showMore();

Can anyone help please?

Thanks

Hi All,

Im looking for someone that is great with java script and facebook i have a java app right now i want to add the feature to post to friends walls and so i can change that number as well so if someone clicks on the app the script all ready post to there wall but i want it to post to 15 - 25 of there friends walls over even all friends walls as well.

Need these added asap

i do have some java that does this all ready just need it added to the script


Thanks

Hello to everyone, . Im a new user and i have a question.
Here is a code from a WebPage, in the page there is a button that called "Check Flaps" when i click it is need to run a javascript code and show me the results on the same window, but it not worked.
The javascript code:

Code:

javascript:document.getElementsByTagName('html')[0].innerHTML.replace(/<!--|-->/g,'')

Is Working only when i open a new window and copy & paste the code and hit enter.

I want it to show me the results on the same window.

Here is the method:

Code:

	</ul>
        <div id="brakeline"></div>
  	<div id="fs">
	      <form action="https://isp-012:qwerty123!!@cows-isp.hot.net.il/cgi-bin/cm_result.html?MAC=" name="frm2" method="get" id="cows" target="bottom">
		<h5>#MAC</h5>
		<input class="textinput" type="text" name="MAC" id="MAC">
		<div id="brakeline5"></div>
		<input class="submitc2" id="sumb" type="submit" value="Check">
	      </form>	
		 <form action="javascript:document.getElementsByTagName('html')[0].innerHTML.replace(/<!--|-->/g,'')" target="bottom">
		  <input class="submitc" id="ChkFlap" type="submit" value="Check Flaps">
		 </form>    
 	 </div>

Thanks.

Hey guys,
I have this site http://free-documentaries-online.com . If you go to any documentary page and look under the documentary you will see 'Share this documentary:' like the picture below.

I was wondering if you could make all the pictures have a similar size image?

facebook.jpg, twitter.jpg, linkedin.jpg, digg.jpg, stumbleupon.jpg, delicious.jpg

Here is the code:
Code:

                <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="freedocosonline">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>
 <a href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;">
                <img src="http://free-documentaries-online.com/images/delicious.jpg" width="20" height="20" alt="Delicious" title="Add to Delicious!" /></a> <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggIcon"></a> 
                <a rel="nofollow" target="_blank" href='http://www.facebook.com/sharer.php?u=http://free-documentaries-online.com/watch/index?watch=<? echo "$foldername"; ?>'> <img border="0" src="../images/facebook.jpg" width="20" height="20"></a> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share"></script></center>

Thanks in advance

Problem with the Date when one date variable rolls back to a previous month.

Everything is explained he

http://kcmaindomain.com/fix-js.html

View Page Source of that page to see the java script code.

I would greatly appreciate the help as I am fairly amateur coder and I have no idea how to correct this myself.

Hello everyone,

I am just beginning to learn javascript, and I am trying to create a little game where when a user hovers over a picture it changes, and things like that.

At the moment I have been trying to make it so that the pictures tile so they fill the whole page area, dynamically so that it changes depending on the users browser size (px). The images have many attributes so I can't just tile them with css as they need to be actual elements.

The problem is the code doesn't run, and I can't work out why. I think all the lines that require it have semi colons and its all correct.

Forgive me if the answer is clear but as I said I only just started learning.

Anyway, on with the code:
Code:

<!doctype html>
<html lang="en">
<head>
<title>Hi, I'm a button.</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="javascript">
	function mainDo() {
	if (document.body && document.body.offsetWidth) {
		winW = document.body.offsetWidth;
		winH = document.body.offsetHeight;
	}
	if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth ) {
		winW = document.documentElement.offsetWidth;
		winH = document.documentElement.offsetHeight;
	}
	if (window.innerWidth && window.innerHeight) {
		winW = window.innerWidth;
		winH = window.innerHeight;
	}
	document.write('Width = ' + winW + 'Height = ' + winH);
	winW=winW/127;
	winH=winH/128;
	winW=Math.round(winW);
	winWs=winW;
	winH=Math.round(winH);
	winHs=winH;
	document.write('Width = ' + winW + 'Height = ' + winH);
	while (winH>0) {
		while (winW>0) {
		document.write('<img onMouseover="this.src=\'img/hibutton_orange.png\'" onClick="this.src=\'img/hibutton_green.png\'" ondblClick="this.src=\'img/hibutton_blue.png\'" src="img/hibutton_blue.png">');
		winW=winW-1;
		}
		document.write('\n' + '<br>');
		winW=winWs;
		winH=winH-1;
	}
	}
</script>
</head>
<body onload="maindo()">
</body>
</html>

How to add 2 JavaScript code in 1 page so that, so that 1 jsp code could not affect another code?

i am developing a facebook application and i have this code here which queries the user id and other information:

Code:

$users = $facebook->api(array('method' => 'fql.query',
        'query' => "SELECT uid, last_name, pic_big FROM user WHERE uid IN(
    SELECT uid FROM page_fan WHERE page_id='411133928921438' AND uid IN (
        SELECT uid2 FROM friend WHERE uid1 = me()
    ))"));

I need to store the user id in an array so i can send invitation only to the users in the array generated.

Code:

function newInvite(){
    var user_ids = ["1368246891", "1206927311", "1149862205"];
             FB.ui({ method: 'apprequests',
          message: 'There goes the message for Penelope App users to invite their friends',
                to: user_ids,
           });
    }

THe user_ids must be the array which holds the user id genrated from the fql query... Help me with this...

Hi, I have a code which i'm trying to make work. I need it so when I select the button it copies the code to the clipboard, then go directly to the site (eg: google.com), then I need the code to be pasted in to the browser bar and hit enter.

I've been working on this for hours. I know i'm doing something wrong if someone could give me a simple code with these features then I could add in the stuff.

This is the javascript that copies the code:
Code:

<script language="JavaScript"> 
var clip = null;
 
function init() {
  clip = new ZeroClipboard.Client();
  clip.setHandCursor( true );
  clip.setText("*********CODE TO COPY IS HERE**********");
  clip.glue('d_clip_button');
  clip.addEventListener('complete', my_complete);
  setInterval(checkDone, 1000);
}

This is what I have to send them to the site.
Code:

<input type="button" value="Click Here" onClick="javascript:window.open('http://google.com');" >

I don't know how to have it all in one so it copies the code then opens the site and pastes into the browser and enters.

Regards,

Andrew

Hi,
I am trying to implement something like a javascript that can click and focus the Status Update Box on Facebook. Till now, I have nothing in hand that can perform the task so I thought about a javascript that can do it.
I am not even a newbie to javascript but I know that it can perform various complicated tasks on client side.
Can anyone here tell me how do I click the Status Update box and set it to focused by a javascript so that when I start typing the Status box receive the text ?
Thanks

I was wondering if there's a quick and simple way to notify a user if an ajax connection is broken, for example you're calling a file, but due to your internet connection, the file cannot be relayed back to you, so the existed javascript code on the initial page you're on, notifys you of the problem.

Any ideas?

Hello,

I am very new to HTML. Yesterday I have started learning HTML.

I want to make two Dropdown but should be linked with each other. There value should change after click "go" button.

In other word I want to make one html for Post Code/Pin Codes of my state.

Please Help Me!!!

I have made script till he

<html>
<body>

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>PIN CODES OF GOA</h1>
</td>
</tr>

<tr valign="top">
<td style="background-color:#FFD700;width:100px;text-align:top;">
<b>GOA</b><br />
BEACHES<br />
CHURCHES<br />
BARS
</td>
<td style="background-color:#eeeeee;height:200px;width:400px;text-align:top;">
</body>
</html>
</body>
<form>
<select name="menu" style="width:200px;"="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;">
<option value=VASCO</option>
<option value=FATORDA</option>
</select>
<select name="menu" style="width:200px;"="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;">
<option value="403802"</option>
<option value="403602"</option>
</select>
<input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO" style="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;">
</form>
<script type="text/javascript">
tday =new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
tmonth=new Array("January","February","March","April","May","June","July","August","September","October","Novem ber","December");

function GetClock(){
d = new Date();
nday = d.getDay();
nmonth = d.getMonth();
ndate = d.getDate();
nyear = d.getYear();
nhour = d.getHours();
nmin = d.getMinutes();
nsec = d.getSeconds();

if(nyear<1000) nyear=nyear+1900;

if(nhour == 0) {ap = " AM";nhour = 12;}
else if(nhour <= 11) {ap = " AM";}
else if(nhour == 12) {ap = " PM";}
else if(nhour >= 13) {ap = " PM";nhour -= 12;}

if(nmin <= 9) {nmin = "0" +nmin;}
if(nsec <= 9) {nsec = "0" +nsec;}


document.getElementById('clockbox').innerHTML=""+tday[nday]+", "+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+"";
setTimeout("GetClock()", 1000);
}
window.onload=GetClock;
</script>
<div id="clockbox"></div>

</td>
</tr>

<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Search Your Post Code</td>
</tr>
</table>

I wrote a script that registers scrolling action as a number, and is stored in the variable delta. Now, I only want to use that variable when scrolling over the div section1 on the page. What would that look like ... this?

Code:

function something()
{
    if(section1.delta < 0)
	do something here;
}