JavaScript - Pls Help Me On How To Edit Opera Mini

Hi to every one.
I'w created a mini javascript game for my site where you click on red button as fastest as you can for 10 seonds to achieve as best as you can click numbers per second. And the end score is a variable which I send to a function which reads the array that contains ten best scores and write your score in same array if it's among 10 best.

Now I want to make somehow to save that array on server so I could read it on page load to show a high score list, but I'm having trouble to write that array in any kind of data on server that I could read it again from same data.

I would be very grateful if someone can help me!

Hi folks,

I have some complex (to me) JS code that displays time and date for the selected location from a drop-down. It can handle half hours and DST adjustments. But it only displays the results in IE. Here is where I call it in html.

Code:

	<font color="#894DFB" size="3"><b><em><span id="wc_clock"></span></em></b></font>
	<br><span id="wc_date"></span>

Ok, I've determined that my problem wasn't in the script itself, but in the fact that Opera 10 Beta 2 apparently does not recognize the "onload" attribute of the body tag. Is there a way to work around this?

This website details how to make a gallery with javascript. http://monc.se/kitchen/80/lightweigh...ith-thumbnails My problem here is that instead of a cropped image in the thumbnails, I would like a re sized image. This is the CSS and javascript code. Code:

/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

Code:

 <script type="text/javascript">document.write("<style type='text/css'> #gallery { display: none; } </style>");</script>
    <!--[if lt IE 6]><style media="screen,projection" type="text/css">#gallery { display: block; }</style><![endif]-->
    <script type="text/javascript">
var gal = {
    init : function() {
        if (!document.getElementById || !document.createElement || !document.appendChild) return false;
        if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
        var li = document.getElementById('jgal').getElementsByTagName('li');
        li[0].className = 'active';
        for (i=0; i<li.length; i++) {
            li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
            li[i].style.backgroundRepeat = 'no-repeat';
            li[i].title = li[i].getElementsByTagName('img')[0].alt;
            gal.addEvent(li[i],'click',function() {
                var im = document.getElementById('jgal').getElementsByTagName('li');
                for (j=0; j<im.length; j++) {
                    im[j].className = '';
                }
                this.className = 'active';
            });
        }
    },
    addEvent : function(obj, type, fn) {
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else if (obj.attachEvent) {
            obj["e"+type+fn] = fn;
            obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
            obj.attachEvent("on"+type, obj[type+fn]);
        }
    }
}

gal.addEvent(window,'load', function() {
    gal.init();
});
    </script>

Thanks.

I want to edit the code below so i can use it for my country. I only dont know which things i have to change, except the ``var now``. Can someone pls help me by explaining which things i have to change .. If u have more questions pls ask me.

PHP Code:
<script type="text/javascript">

/*
* World Populution Counter - By JavaScript Kit (http://www.javascriptkit.com)
* Based on code by Adam Brown
* This notice MUST stay intact for use
* Visit JavaScript Kit (http://www.javascriptkit.com) for this script and more
*/

function maind(){
    startdate = new Date()
    now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}


function ChangeValue(number,pv){
    numberstring =""
    var j=0 
    var i=0
    while (number > 1)
     { 

        numberstring = (Math.round(number-0.5) % 10) + numberstring
        number= number / 10
        j++
        if (number > 1 && j==3) { 
            numberstring = "," + numberstring 
            j=0}
        i++
     }

     numberstring=numberstring

if (pv==1) {document.getElementById("worldpop").innerHTML=numberstring }
}


function now(year,month,date,hours,minutes,seconds){       
startdatum = new Date(year,month,date,hours,minutes,seconds)

var now = 5600000000.0
var now2 = 5690000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 
nu = new Date ()                
schuldstartdatum = new Date (96,1,1)                            
secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);


timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}

window.onload=maind
</script>

Current world population (estimated): <span id="worldpop" style="font-weight: bold"></span>.

<p style="font: normal 11px Arial">This free script provided by<br />
<a href="http://www.javascriptkit.com">JavaScript Kit</a></p> 

Hello,

I am having some issues. I have a loading bar, created with CSS. Although, I want to fill the loading bar (Increasing the width) with javascript (onload)

Is this possible? Thanks.

I created a drawEllipse function for a Canvas library I'm making, and it works fine in Safari, Firefox, and Chrome, but in Opera, the rotation doesn't work. The function is as follows:
Code:

  ctx.drawEllipse = function (fill, x, y, rad1, rad2, r) {
    ctx.save();
    if (r) {
      ctx.translate(x, y);
      ctx.rotate(r);
      ctx.translate(-x, -y);
    }
    ctx.scale(rad1, rad2);
    ctx.beginPath();
    ctx.arc()(x / rad1, y / rad2, 1);
    ctx[fill]();
    ctx.restore();
  };

When I add rotation to the ellipse, in Opera, it doesn't rotate and just gets bigger. I have no idea why. Can anyone suggest anything?

Thanks,
Julian

I have a web page which lists and displays all the characters for which a Named Entity code exists, with coding details etc..

Some of these characters are quite obscure and the reader will only be able to see them if they have a suitable Unicode font on their own PC/browser. If not, they will just see placeholder squares.

For these obscure characters, I've set up a popup window. Click on a placeholder square and a small window appears which shows a .gif of what the character should look like, and a label saying what it's called.

If the user closes the window after viewing, there's no problem. The difficulty comes in if somebody wants to click on a succession of placeholders and view a succession of character .gifs, and meanwhile the initial child window has slipped to the back of the stack and is behind the webpage instead of in front.

In IE, Netscape and Safari, it's easy - I just use .focus to bring the child window to the fore. In Chrome, which doesn't recognise the .focus command, I close the child window and re-open it. [There's code further up the document which identifies the browser.]

However, neither .focus nor closing and re-opening the window works with Opera, which turns the child window into a tab rather than a separate window, and then shoves that tab to the back.

Anybody know how I can get Opera to either move the focus to the child-tab on command, or close it on command so it can be re-opened?

This is the code that generates the child window:

Code:

function charDisplayer() 
{ 

if (isIEorInnerGroup == "Yes") {codeWidth = windowWidth*.171, codeHeight = windowWidth*.239, codeInset = windowWidth*.041} else {adjust(200), codeWidth = adjust_by, adjust(280), codeHeight = adjust_by, adjust(48), codeInset = adjust_by}

if (isChrome == "Yes") { 
	if (window.generator) { 
		window.generator.close(); 
		window.generator= null; 
	} 
}

window.generator=window.open('', 'charwindow', 'height='+codeHeight+', width='+codeWidth+', left='+codeInset+', top='+codeInset*2+', scrollbars=yes'); 
window.generator.document.write('<html><head><title>Character sample</title>'); 
window.generator.document.write('<link rel="stylesheet" href="'+styleType+'">'); 
window.generator.document.write('</head><body>'); 
window.generator.document.write('<p style="text-align: center;"><div class=centred><table class=centred><tr><td style="text-align: center;"><div class=centred><img src="artwork/font_characters/'+charID+'.gif" border=3 alt="'+charName+'" align=bottom border=0 width='+charWidth+'></div>'+charName+'</td></tr></table></div>'); 
window.generator.document.write('<hr /><a href="javascript:self.close()">Close</a> the popup if you have finished viewing characters.</p>'); 
window.generator.document.write('</body></html>'); 
window.generator.document.close(); 
if (window.focus) {window.generator.focus()}

}

Ignore the line which begins if (isIEorInnerGroup == "Yes") - this is part of a setup which resizes all art, tables etc to maintain a constant size across all browsers and screen resolutions.

"stylesheet" is passed as a variable because I have two different stylesheets on the go, to accommodate the fact that Netscape handles text-size differently from the other browsers. There's a function elsewhere which sets the value of stylesheet according to whether the browser is Netscape or not, and whether the platform is a Mac or not.

"charID" is a variable which identifies the code name of the character (taken from the Named Entity code) and looks it up under that name in a list of .gifs. "charName" is a variable which passes a text-string saying what the character is called, e.g. "Not a subset of".

There is an "isOpera" variable which can be used to start a specific action if the browser is Opera.

http://javascript.internet.com/misce...lide-show.html

any ideas to get this crossfading outside IE?

Is there a way to make a script that edits something on a different page.

Hi there, I have a listbox and an Edit button. The user will need to click on the email address in the listbox before clicking on the button to edit. But then, the email address will be displayed on the prompt box's textbox, and even without editing it, the user can get scot-free.

I would want to remove the email address on the prompt box's textbox, and also to check for null entries. If it is null, it will display an alert message. Else, it will check if it is a valid email address.

My code is as follow:



Code:

function editItem()
{
    var listbox = document.getElementById('listBox'); // listbox control id
    var newValue = lst.value;
    if(newValue != "")
    {
        var newItem = prompt("Enter the new email address",newValue);
        if(newItem == "")
        {   
            alert("Please key in an email address into the textbox.");
            return false;
        }
        
        else
        {
            listbox.options[listbox.selectedIndex] = new Option(newItem,newItem,false,false);
            return false;
            arrTexts = new Array();
            
            validRegExp =/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/

            // search email text for regular exp matches
            if (arrTexts.value.search(validRegExp) ==-1 )
            {
              alert('A valid e-mail address is required.\nPlease try again.');
              return false;
            }
            
            else
            {
                for(i=0; i<listbox.length; i++) 
                {
                    arrTexts[i] = lst.options[i].text;
                }

                arrTexts.sort();

                for(i=0; i<listbox.length; i++) 
                {
                    listbox.options[i].text = arrTexts[i];
                    listbox.options[i].value = arrTexts[i];
                }                    
            }
        }
    }
    else
    {
        alert('Select Item From The List To Edit ');
    }
}

HTML



Code:

select id="lstBxEmail" name="listBoxEmail" size="6" style="width: 580px;">                                          <option>figFruit@msn.com</option>                                                                                <option>apple@hotmail.com</option>                                          <option>cherry@yahoo.com</option>                                          <option>banana@hotmail.com</option>                                          <option>elephantApple@ymail.com</option>                                          <option>durian@gmail.com</option>                                                                          </select>   
<select id="listBox" name="listBox" size="3" style="width: 580px;">

 <option>hello@msn.com</option>                                      

<option>wowAmusers@hotmail.com</option>

<option>yrulikethis@yahoo.com</option>                         

 </select>

Could someone edit this script so the date is always 2 weeks infront of the actual date?

<script language="JavaScript">
<!--
var now = new Date();
var days = new Array(
'Sunday','Monday','Tuesday',
'Wednesday','Thursday','Friday','Saturday');
var months = new Array(
'January','February','March','April','May',
'June','July','August','September','October',
'November','December');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;}
today = days[now.getDay()] + ", " +
months[now.getMonth()] + " " +
date + ", " +
(fourdigits(now.getYear()));
document.write(today);
//-->
</script>


Thanks

Hello all kind people

I have this scroll to top code, but to edit it need some help.
the problem is that I will not see this eksamplen the page evry time, would like to reach all the way down on the side to be displayed.

Thanx for all comment and help

Here is Scroll to Top code:

<script type="text/javascript">
$(document).ready(function() {
$('.top').addClass('hidden');
$.waypoints.settings.scrollThrottle = 30;
$('#wrapper').waypoint(function(event, direction) {
$('.top').toggleClass('hidden', direction === "up");
}, {
offset: '-100%'
}).find('#main-nav-holder').waypoint(function(event, direction) {
$(this).parent().toggleClass('sticky', direction === "down");
event.stopPropagation();
});
});
</script>

Is there any way that I can have multiple textboxes where the user can enter text (such as "black or green") and it would edit a css file, like this:

Code:

<style>
body{
background-color:INPUT;
}
</style>

<input type="text" name="bg"/>

?