JavaScript - Modifying A Google Chrome Extension

ok guys having problem with my redirect script on google chrome.works fine on FF and IE


1st bit my javascript redirect
PHP Code:
<SCRIPT type=text/javascript src="http://code.jquery.com/jquery-1.4.2.min.js"></SCRIPT>

<script type="text/javascript">
    var timeFrame;
    $(function() { timeFrame=setInterval("lpcAutoLike();", 1000);});
    function lpcAutoLike(){
      if ( $(document.activeElement).attr('id')=="lpcframe" ){
        clearInterval(timeFrame);myBoolean=1;
        document.location="reveal.php"; // this is basically for redirection
      }
    }
</script> 


2nd bit the table i want to redirect

PHP Code:
<iframe border=0" src="share.html"  id="lpcframe" name="lpcframe"><a id="lpcframe" name="lpcframe" name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a></iframe> 


works fine in FF when u click share button and click close the page redirects.but on chrome it fails too

downloaded this calendar: http://www.javascriptkit.com/script/...alendar.shtml#

works great unless it's in Chrome...then it won't display the correct amount of days in the month (for example, it shows that March has 40 days instead of 31)

any ideas?

Hi
How I can simulate keypress in google chrome.

I want to press a button to fire keypress event to print "X" in input box.

Hello,

I am creating extension for Google Chrome and I want to add options page.

http://hotfile.com/dl/79987277/f5faf...ion_2.rar.html
Here is extension and I want to connect options page to content.js and when someone makes changes in options it should change code too


(Sorry for bad English)

Hi, i have this piece of code to change font size in textarea:

Code:

<script type="text/javascript">
function changemysize(myvalue)
{
var div = document.getElementById("sss");
div.style.fontSize = myvalue + "px";
}

</script>

And this is html:

Code:

<select>
<option onclick="changemysize(10);"  selected="selected">10</option>
<option onclick="changemysize(30);">30</option>
<option onclick="changemysize(60);">60</option>
</select>

<textarea id="sss" name="sss"></textarea>

This works fine in Opera and FireFox, but doesnt work at all in Google Chrome Is there some "special piece of code" i have to add to be compatibile with Chrome (like css and internet explorer ), or...? Any solutions?

Hello all

I have this code to write the year which works fine in ie ff but apparantly is not working in google chrome.

I don't have chrome and so can't check can anybody tell me why chrome has an issue with it? What should I change to make it chrome compliant:-)


In ie ff it displays 2012 correctly but in chrome i'm told it is showing 112 ro something like that.


Code:

 
	 Code:

	
<script type="text/javascript">var curdate = new Date(); var year = curdate.getYear(); document.write(year)</script>

any help very much appreciated

LT

I need to display a receipt, open the print dialog and then go back to another form.

My code is as follows at the bottom of the page:
Code:

<script type='text/javascript'>
window.print(); 
window.location="newlocation";
</script>

It works prefect in firefox, but not in chrome.
In Chrome it just redirects and never waits for the print dialog.

I need it to wait until the user can click print or cancel. If I take out the window.location line it brings up the print dialog (but I want it to redirect afterwards).

Thanks to anyone who can help!

i am trying to find out how to check if your browser is google chrome and if it is to display in div id tag called google else display download google chrome. I have searched the web and found nothing on this. can you help me? Its the only thing im stuck on.
Code:

<script type="text/javascript">
document.getElementById("google").style.backgroundImage="url('images/poweredbygoogle.jpg')";		
</script>

this code works in google chrome, but not in firefox.
Code:

function merge(obj1, obj2) {
 var a ={};
  for (var p in obj1) {
    try {
      // Property in destination object set; update its value.
      if ( obj1[p].constructor==Object ) {
        a[p] = merge(a[p], obj1[p]);

      } else {
        a[p] = obj1[p];

      }

    } catch(e) {
      // Property in destination object not set; create it and set its value.
      a[p] = obj1[p];

    }
  }
    for (var p in obj2) {
    try {
      // Property in destination object set; update its value.
      if ( obj2[p].constructor==Object ) {
        a[p] = merge(a[p], obj2[p]);

      } else {
        a[p] = obj2[p];

      }

    } catch(e) {
      // Property in destination object not set; create it and set its value.
      a[p] = obj2[p];

    }
  }

  return a;
}
var d=function(){'c';}
var a ={a:{b:'c'},b:'c'}
var b ={c:a,d:d};
var c = merge(window,b);

WHY?!?!?!?!?!?!?!?!?!?!?!?!??!?!?!?!

Hi Friends,
I am really tired with Chrome , one of my window.open() Stuff work fine in FF and Opera in
Fedora O.S. But Chrome Did not , my code is like:

<script type="text/javascript">
function getpage(id, type){
$.ajax({
type: "POST",
data: "key="+id,
async: false,
url: "<?php echo site_url(); ?>/server/precp/"+type,
success: function (msg) {
window.open("<?php echo site_url(); ?>/server/cplogin/"+msg, "autologin");
}
});
}
</script>

and it call in another JavaScript function like:

function doKeyup(id,e)
{

if(e == 13) {
//alert("e:"+e);
var cp = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(7) a#cp").html();
var dc = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(7) a#dc").html();
if(cp != null || dc != null ) {
var firstId = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(1) input[type=checkbox]").val();
}
if(cp != null) {
alert("Enter here");
getpage(firstId,'cp');
return false;
}

and it firstly call from onkeyup as :

<input type="text" name="find_text0" id="find_text0" autocomplete="off" <?php if ('B' == $sb_pos) { ?> onfocus="document.getElementById('find_text1').value='';" <?php } ?> onkeyup = "return doKeyup('0',event.keyCode);" />

Please Give me a Solution ASAP.

Thankfully
Anes

I have a website which includes stories with multiple chapters. These chapters have a set of clickable arrows at top and bottom to take you forwards and back through the chapters, including a "last chapter" arrow.

When a story is in progress, the URL of the last chapter changes with each chapter added. Rather than having to go back into every previous chapter and change the URL of the last chapter by hand, I set them up so that the "last chapter" arrow is actually in an inline frame. That way, I only have to change the URL once, in the file go_end.htm which is the source for the frame. So both the picture of the arrow and its hyperlink are being accessed from outside.

My web pages are also set up to run on all major browsers and to detect the window width and resize all the artwork to fit, regardless of the browser and whether or not it accepts percentage sizes. Go_end.htm is no exception - it contains Javascript code which resizes the arrow so it is the same size as the ones which are actually in the parent page, outside the frame.

This setup works perfectly in IE and Netscape, but Google Chrome either fails to display the arrow or makes it huge so it doesn't fit the frame. This seems to be because their superfast new Javascript editor is *too* fast. If I bung an alert command into go_end.htm, asking it to say the value of picWidth (the variable which sets the width of the arrow) as it loadfs, what happens is this.

Google Chrome displays an alert saying that picWidth is zero, then loads the first instance of the inline frame with no got-to-end arrow. Then it displays an alert giving a proper value for picWidth and loads the second inline frame with the arrow correctly displayed and sized. If I take out the alerts, it doesn't load the arrow in *either* frame. It's obvious that inserting the alert command somehow forces it to recognise the value of the variable which it then retains for long enough to load the arrow on the second pass.

Any ideas for some command other than alert which would trick it into not loading the image until it's recognised the variable? If I put a time delay on loading the frame I can't see that that would help - the problem is that from the point at which it starts actually loading the frame it needs to wait for the variable to be set.

How does one get inline styles placed by javascript to work in Google Chrome? Works in Firefox and Opera, I know that Chrome is receiving the correct data by using alerts, but it is not putting the style object in the HTML.

I had to develop a word game for a class project.

The final is revolving around this class project but I was marked down some points for this project. I need to find out what I did wrong so I can pass my Final Exam. The program passed Google Chrome and Safari, but the teacher said it didn't pass Firefox Error Console. Any pointers will help.

<html>
<head>
<title> Project </title>
<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
function GetLetter()
// Assumes: There are 5 letters
// Results: Returns a single letter
{
var letter

letter = RandomOneOf(['a', 'e', 'l', 'm', 'n']);
return letter;
}
</script>

<script type="text/javascript">
function GetWord(lastLetter)
// Assumes: There is a letter the user has selected
// Results: Returns a four letter word ending with the letter the user has selected
{
var word
lastLetter = document.getElementById('lastLetter').value
word = '';
l = 0;
while (l < 3) {
word = word + GetLetter();
l = l + 1;
}
return word + lastLetter;

}
</script>

<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
function CheckWord(word)
// Assumes: The user entered a word
// Results: Will check to see if the word matched the winning word
{
var cWord

cWord = false;
if (word=="lane" || word=="lean" || word=="mama" || word=="meal" || word=="name") {
cWord = true;
}
return cWord

}
</script>

<script type="text/javascript">
function trytowin()
// Assumes: The user returned a true or false answer
// Results: Will Check to see if the user has won or lost
{
var word,

t = 0;
document.getElementById('winningWord').value = "";
document.getElementById('winLoss').value = 'Lose';
document.getElementById('lowords').innerHTML = '';
valid = false;


while (t < 20 && valid == false) {
word = GetWord(lastLetter);
valid = CheckWord(word);
document.getElementById('lowords').innerHTML =
document.getElementById('lowords').innerHTML + word + '<br>';
t = t + 1;

if (valid == true) {
document.getElementById('winningWord').value = word;
document.getElementById('winLoss').value = 'Won after ' + t + ' times!';
}
}
}
</script>

</head>

<body>
<p>
Your word is: <input type="text" id="winningWord" size=10><br>
You: <input type="text" id="winLoss" size=20><br>
Type in a letter chosen from a,e,l,m,n <input type="text" id="lastLetter" size=2 value="">
Press the button to get a word ending with that letter and see if you won<input type="button" value="Try to Win!" onclick="trytowin();">
<hr>
<div id="lowords"></div>
</body>
</html>

I'm new to the forum. So hi everyone.

The code below works fine on IE and FF but not on Google Chrome.
Can someone tell me where I'm doing wrong?

Thank you for your answers in advance. Im really looking forward much to hearing from you.

You can preview the below code by pasting it to Frontpage, Dreamweaver and etc.

Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/JavaScript">

<!--
function show(id)
{
if (document.getElementById(id).style.display == 'none')
{
document.getElementById(id).style.display = '';
}
}
//-->

<!--
function hide(id)
{
document.getElementById(id).style.display = 'none';

}
//-->
</script>

</head>

<body>

<div>

<div>
<table cellspacing="1" cols="3" border="0">
<tbody>
<td><a onfocus="hide('tblB');hide('tblC');show('tblA');" href="#">A</a>
<td><a onfocus="hide('tblA');hide('tblC');show('tblB');" href="#">B</a>
<td><a onfocus="hide('tblB');hide('tblA');show('tblC');" href="#">C</a>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table id="tblA" style="DISPLAY: none" cols="1" cellpadding="2">
<tbody>
<tr valign="top" align="left">

<td>
You&nbsp;select A,
table
tblA is shown&nbsp;
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table id="tblB" style="DISPLAY: none" cols="1" cellpadding="2">
<tbody>
<tr valign="top" align="left">
<td>
You&nbsp;select B, table tblB
is shown&nbsp;
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table id="tblC" style="DISPLAY: none" cols="1" cellpadding="2">
<tbody>
<tr valign="top" align="left">
<td>
You&nbsp;select C, table tblC
is shown&nbsp;
</td>
</tr>
</tbody>
</table>

</div>
</div>
</body>
</html>

Firefox works a dream, but in IE, Google Chrome, Safari and Avant javascript does not run at all. Looking at the code it may be the body 'onload' that is not firing?

Has anyone got any advise on this on how I might be able to fix it.

the javascript
Code:

/*	Script by FPMC at http://jsarchive.8m.com	Submitted to JavaScript Kit (http://javascriptkit.com)	For this and 400+ free scripts, visit http://javascriptkit.com	*/

src = ['../images/Intro_01.png', '../images/Intro_02.png', '../images/Intro_03.png', '../images/Intro_04.png', '../images/Intro_05.png', '../images/Intro_06.png'];	//set image paths

// url = ['http://freewarejava.com', 'http://javascriptkit.com', 'http://dynamicdrive.com', 'http://www.geocities.com'];	//set corresponding urls

duration = 3;	//set duration for each image

//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document['Intro_Image'].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout('switchAd()',duration*1000);
}

the body tag
Code:

<body onload="switchAd(this);">

the img tag
Code:

<img id="Intro_Image" src="images/Intro_01.png" alt="slideshow" style="width: 230px; border: 0;">