JavaScript - Need Help With Hash Removal Detection In The Url.

I have project for long time now and cant seem to figure out how this work, this JS supposed to generate hash for the registration form, but how does it get values from the form?
Form has onSubmit="return( onPreCreateAccountSubmit() );"
----------------------------------------------------------
function onPreCreateAccountSubmit() {
doKtSubmit() ;

return onPreCreateAccount();
}
----------------------------------------------------------
function doKtSubmit() {

var ktlk = 'ktl';
var ktfk = 'ktf';
if (document.forms['createaccount'] &&
document.forms['createaccount'].elements[ktlk] &&
document.forms['createaccount'].elements[ktfk]) {
KT_preSubmit() ;
}

return true;
}



PHP Code:
<script type="text/javascript">
    var KT_keydownHandler,
        KT_keypressHandler,
        KT_logEncoder, 
        KT_lastElement = -1,
        KT_lastKeyCode = -1,
        KT_lastModifiers = -1,
        KT_logElement = 0,
        KT_stoppedLog,
        KT_ALLOW_FIELD_TYPES = {
            password: 1,
            text: 1
        },
        KT_ALLOW_FIELD_IDS = {
            firstname: 1,
            lastname: 1,
            email: 1,
            passwd: 1,
            passwdagain: 1,
            identityanswer: 1,
            secondaryemail: 1,
            newaccountcaptcha: 1,
            nickname: 1
        },
        KT_lastTime,
        KT_inputs,
        KT_keyInputs = [];
    if (window.captureEvents) {
        Event.KEYPRESS && window.captureEvents(Event.KEYPRESS);
        Event.KEYDOWN && window.captureEvents(Event.KEYDOWN)
    }

    function KT_preSubmit() {
        if (KT_logEncoder) {
            if (KT_keydownHandler) {
                KT_encode(16);
                KT_initHandlers(KT_inputs)
            }
            var a = KT_logEncoder;
            if (a.d != 0) {
                EN_encodeGroup(a, a.p);
                a.p = 0
            }
        }
    }
    function KT_encode(a) {
        a < 0 ? KT_stopLog() : EN_encode(KT_logEncoder, a)
    }
    function KT_init(a, c, d) {
        a = KT_logElement = a;
        if (!a.value) a.value = "A";
        KT_logEncoder = {
            e: a,
            p: 0,
            d: 0
        };
        KT_initHandlers(d);
        c = c;
        if (!c.value) for (d = 1; d < KT_keyInputs.length; d++) c.value += KT_keyInputs[d].name + " "
    }

    function KT_event(a, c) {
        if (KT_logElement.value.length > 3E3) {
            KT_encode(17);
            KT_stopLog()
        } else {
            var d;
            d = (new Date).getTime();
            var b = d - KT_lastTime;
            KT_lastTime = d;
            d = b;
            b = a.k;
            var e = a.t,
                f = a.m;
            if (!(a.m & 3)) {
                c |= 2;
                if (b >= 65 && b <= 90) b = 65;
                else if (b >= 48 && b <= 57) b = 48;
                else if (c & 1) if (b >= 97 && b <= 122) b = 65;
                else if (b == 197 || b == 229) c &= 5;
                else if (b >= 192 && b <= 687) b = 192;
                else if (b >= 1536) b = 1536;
                else if (b >= 912) b = 912;
                else if (b >= 160) b = 160;
                else if (b >= 127) c &= 5;
                else if (b >= 33) b = 59;
                else c &= 5;
                else if (b < 48) c &= 5;
                else if (b < 65) b = 59;
                else if (b < 96) c &= 5;
                else if (b < 112) b = 96;
                else if (b < 187) c &= 5;
                else b = 59
            }
            if (e != KT_lastElement) {
                KT_encode(c | 4);
                KT_encode(e);
                KT_lastElement = e
            } else {
                if (b == KT_lastKeyCode && f == KT_lastModifiers) {
                    KT_encode(c | 8);
                    KT_encode(d);
                    return
                }
                KT_lastKeyCode = b;
                KT_lastModifiers = f;
                KT_encode(c)
            }
            KT_encode(b);
            KT_encode(f);
            KT_encode(d)
        }
    }

    function KT_initHandlers(a) {
        KT_keydownHandler = 0;
        KT_inputs = a;
        KT_stoppedLog = 0;
        var c = 1;
        for (a = 0; a < KT_inputs.length; a++) {
            var d = KT_inputs[a];
            if (!(!KT_ALLOW_FIELD_TYPES[d.type] || d.id && !KT_ALLOW_FIELD_IDS[d.id.toLowerCase()] || d.offsetHeight == 0)) {
                d.onkeydown = KT_initKeyHandler;
                KT_keyInputs[c] = d;
                d.setAttribute("n", c++)
            }
        }
    }
    function KT_stopLog() {
        if (KT_keyInputs) for (var a = 1; a < KT_keyInputs.length; a++) {
            KT_keyInputs[a].onkeydown = 0;
            KT_keyInputs[a].onkeypress = 0
        }
        KT_stoppedLog = 1
    }

    function KT_getEventModel(a) {
        if (!a) {
            a = window.event;
            if (typeof a.keyCode == "number") return 1;
            return 0
        }
        if (typeof a.which == "number") return 3;
        if (typeof a.keyCode == "number") return 2;
        if (typeof a.charCode == "number") return 4;
        return 0
    }

    function KT_initKeyHandler(a) {
        var c, d = KT_logElement.value.length,
            b = "";
        c = KT_getEventModel(a);
        switch (c) {
        case 1:
            a = window.event;
            b += "f=window.event;var b=f.keyCode;";
            break;
        case 3:
            b += "var b=f.which;";
            break;
        case 2:
            b += "var b=f.keyCode;";
            break;
        case 4:
            b += "var b=f.charCode;"
        }
        KT_keypressHandler = 0;
        if (c != 0) {
            if (typeof a.modifiers == "number") b += "var c=f.modifiers;";
            else if (typeof a.shiftKey == "boolean") b += "var c=f.shiftKey*4+f.ctrlKey*2+f.altKey;";
            else KT_stopLog();
            if (a.srcElement) b += "var d=f.srcElement;";
            else if (a.target) b += "var d=f.target;";
            else KT_stopLog()
        } else KT_stopLog();
        if (!KT_stoppedLog) {
            b += 'var e=0;if(d.getAttribute("n")){e=d.getAttribute("n")}KT_event({k:b, m:c, t:e},';
            KT_keydownHandler = new Function("f", b + "0)");
            KT_keypressHandler = new Function("f", b + "1)");
            KT_lastTime = (new Date).getTime();
            KT_encode(0);
            KT_encode(KT_lastTime);
            if (d <= 1) {
                KT_encode(c);
                KT_encode(KT_keyInputs.length - 1)
            }
        }
        for (c = 1; c < KT_keyInputs.length; c++) {
            d = KT_keyInputs[c];
            if (KT_keydownHandler) {
                d.onkeydown = KT_keydownHandler;
                d.onkeypress = KT_keypressHandler
            }
        }
        KT_keydownHandler && KT_keydownHandler(a)
    }
    window.KT_init = KT_init;
    window.KT_preSubmit = KT_preSubmit;
    this.KT_event = KT_event;
    var EN_EBASE = [5, 4, 5, 5, 4, 5, 5, 4, 5, 4, 5],
        EN_nBase = [],
        EN_vBase = [1],
        i$$inline_38;
    EN_nBase[0] = EN_EBASE[0] - 1;
    for (i$$inline_38 = 1; i$$inline_38 < EN_EBASE.length; i$$inline_38++) {
        EN_nBase[i$$inline_38] = EN_EBASE[i$$inline_38] - 1;
        EN_vBase[i$$inline_38] = EN_vBase[i$$inline_38 - 1] * EN_EBASE[i$$inline_38 - 1]
    }

    function EN_encodeGroup(a, c) {
        var d;
        for (d = 0; d < 4; d++) {
            var b = c % 67;
            a.e.value += "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 *-._".charAt(b);
            c = (c - b) / 67
        }
        a.d = 0
    }
    function EN_encode(a, c) {
        function d(g) {
            b += g * EN_vBase[a.d++];
            if (a.d >= EN_EBASE.length) {
                EN_encodeGroup(a, b);
                b = 0
            }
        }
        for (var b = a.p, e = EN_nBase[a.d]; c > 0;) {
            var f = c % e;
            c = (c - f) / e;
            d(f);
            e = EN_nBase[a.d]
        }
        d(e);
        a.p = b;
        return a
    };
</script> 


Theres also this function
function doKtInit() {

var ktlk = 'ktl';
var ktfk = 'ktf';
if (document.forms['createaccount'] &&
document.forms['createaccount'].elements[ktlk] &&
document.forms['createaccount'].elements[ktfk]) {
KT_init(document.forms['createaccount'].elements[ktlk],
document.forms['createaccount'].elements[ktfk],
document.forms['createaccount'].elements);
}

return true;
}

I doubt this is possible without third party applications. But I was wondering if there is a way to detect where the eyes are routhly in an image on someone face (which may have multiple faces).

Basically I want to get the position of both eyes and se if they are horizontal or verticle. So then I can rotate the iimage if the eyes are more verticle then horizontal.

Hi All

I'm using the fantastic turtorial here for my site navigation:

http://css-tricks.com/6336-dynamic-p...acing-content/

It's all working wonderfully but I've hit a major stubmling block. After the new page is loaded it won't load an scripts. E.g. I'm using scripts for expanding divs, galleries, contact forms etc and they simply don't run after the page transition

Let me know if you need a link to my project

I'm aware the page isn't actually 'refreshed' so I'm asuming they wont fire the standard way by having the script tags in the header (Please correct me if I'm wrong) So my question is how can I get them working once the new page is loaded?

Script below:

Code:

$(function() {

    var newHash      = "",
        $mainContent = $("#right"),
        $pageWrap    = $("#wrap"),
        baseHeight   = 0,
        $el;
        
    $pageWrap.height($pageWrap.height());
    baseHeight = $pageWrap.height() - $pageWrap.height();
    
    $("nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
    
    $(window).bind('hashchange', function(){
    
        newHash = window.location.hash.substring(1);
        
        if (newHash) {
            $mainContent
                .find("#guts")
                .fadeOut(200, function() {
                    $mainContent.hide().load(newHash + " #guts", function() {
                        $mainContent.fadeIn(200, function() {
                            $pageWrap.animate({
                                height: baseHeight + $mainContent.height() + "px"
                            });
                        });
                        $("nav a").removeClass("current");
                        $("nav a[href="+newHash+"]").addClass("current");
                    });
                });
        };
        
    });
    
    $(window).trigger('hashchange');

});

All help is appreciated
Thanks in advance

Craig

I use the youtube javascript api. Now the users of my website can start the player with an imacro and the function player.playVideo(). Is it possible that I can detect or disable this funtion?

Thanks

I am trying to write a function that will dynamicly add an anchor, and then scroll to it, then remove the anchor. The script is adding the anchor, and changing the hash, but no scrolling is happening, (IE7)

Any idea whats wrong?

Code:

function set_anchor( obj ){
	name = 'anchor_'+Math.floor(Math.random()*1111);
	new_anchor = document.createElement('A');
	new_anchor.name = name;
	new_anchor.href = '#'+name;
	new_anchor.appendChild( document.createTextNode(' ') );
	obj.appendChild( new_anchor );
	
	window.location.hash = name;
	new_anchor.parentNode.removeChild( new_anchor );
}

So basically, I have this side bar with a whole bunch of links and I wish to load content into a div directly across from it. The links will be hashes (eg example.com/#foo/bar), then the JavaScript loads the content either into a div and updates a SPAN with the page name. I only have the iFrame version so far, so can someone help me on how to improve this and actually load the content instead of an iFrame? So far I have this code:

Code:

<script> 
function goto(url) {
  if (location.hash != url) {
    window.location = url;
    document.getElementById("pgname").innerText = "loading...";
  }
}

function setPage() {
  var hash = location.hash;
  if (hash=="#foo") {
    document.getElementById('pgname').innerHTML = 'Foo';
    document.getElementById('pglocation').innerHTML = hash;
    window.frames['content'].location.href = "blablah/foo.php";
  }
  if (hash=="#foo/bar") {
    document.getElementById('pgname').innerHTML = 'Foo</b> > <b>Bar';
    document.getElementById('pglocation').innerHTML = hash;
    window.frames['content'].location.href = "doo/moo/23.htm";
  }
}
</script> 

<body onhashchange="setPage();">

<a href="javascript: goto('#foo')">foo</a><br />
<a  href="javascript: goto('#foo/bar')">foobar</a><br />
<a href="javascript: alert(location.hash + ' || ' + location);">Info</a><br /> 
<a href="javascript: goto(location.hash);">Goto</a><br /><br /> 
<b><span id="pgname">Home</span></b><br /> 
example.com/<span id="pglocation"></span><br /> 
<iframe id="content" src="index.php" />

Hey,
I'm working on a mobile website and need some help with my mobile browser detection script. I have it working for iPhone, iPod Touch, and Windows Mobile Devices.

I need help getting it to detect for Blackberry Browser (Blackberry Devices), Blazer Browser (Palm Devices), Opera Mini Browser, Opera Mobile Browser, and other mobile browsers if possible.

Does anyone know how to modify (and test if you have a phone to test with, as I don't have all of these devices) this javascript?:
Code:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{location.replace("mobile.html");}
if((navigator.appVersion.indexOf("Windows CE")>0))
{location.replace("mobile.html");}

Thanks for your help!
-Chris

Hi,

How do I detect change event on textarea using javascript?
I'm trying to detect any change, but without any type.

For example, instead to have an "onclick submit button" to copy the contents of the textarea to another file, how it can be done automatically when focos is in?

In short words, I want to submit a form without pressing a submit button!



Regards

Jan Lee

Good day!

I have an intranet website that was in the server and it has a flash. My problem is the client computer has no flash installer; I want that they can access the flash.exe in the server so they can install it to their computer. I read some forum that it could happen using JavaScript detection code. Honestly I have no idea about it.
Thank you

I have a website (www.andrewburns.net.au) that displays differently according to OS. Currently in OSX the text in the menu lines up with the image text of the site title - this is what we want to have happen and it looks fine across all browsers using OSX. However, in Windows it's offset by about 10px, and similarly displays the same offset in all Windows browsers incl Chrome, FF, Safari, and of course ie.

I'm trying to use javascript to sniff out the OS and display alternate css accordingly. I'm not a JS coder at all and a friend who is has got me this far...

Code:

var isms=( navigator.appVersion.indexOf("Windows") != -1);
document.write("Browser Version: " + isms);
if(isms) $('DIV .menu').css('left','100px');

What I'm not sure about is where to put it to make it work given there is a fair amount of other scripts operating on the site.

Is there anyone out there who can have a look at the site/source code and offer any insight/suggestions/solutions? I'd really appreciate it... I'm under a fair bit of pressure from the designer to get it pixel perfect and this is the last aspect of the site to sort out before I can sign it off.

Thanks

i cant get collission detection to work. i tryed but it always caused an infinite loop. heres the code.
Code:

<html>
<!-- main file.-->
<head>

<title>lightning generator</title>

</head>

<body>
<canvas id='world' width='500' height='500' style='border: 1px solid black; padding:0;'></canvas>
<script type="text/javascript" src='world.js'></script>
<script type='text/javascript' src='eC.js'></script>
<script type='text/javascript' src='world.ground.js'></script>
<script type='text/javascript'>
world.bolt = {
}
;
world.bolt.paths = [];
// main obj inits

world.bolt.draw = function(){

   var x, y;
   for( var id = 0; id <= world.bolt.draw.num; id ++ ){
   
      world.ctx.moveTo( world.bolt.paths[id].x[world.bolt.paths[id].x.length-1],  world.bolt.paths[id].y[world.bolt.paths[id].y.length-1] );
      var mdx=Math.floor(Math.random()*world.bolt.paths[id].mdx);
      x = world.bolt.paths[id].x[world.bolt.paths[id].iters] + ((Math.random()<Math.random())?mdx:-mdx);
      y = ++ world.bolt.paths[id].iters;
      world.bolt.paths[id].x.push( x );
      world.bolt.paths[id].y.push( y );
      world.ctx.strokeStyle = world.bolt.paths[id].color;
      world.ctx.lineTo( x,  y );
      
   
   world.ctx.stroke();
   //world.ctx.beginPath();
   }   if(x%3==0){ world.ctx.fillStyle=world.skyColor;
    world.ctx.fillRect(0,0,world.w,world.h);}
}
world.bolt.draw.num=-1;
world.bolt.cpath = function( x, y, mdx, srate, id, color ){
   world.bolt.paths[id] = {
   }
   ;
   world.bolt.paths[id].iters = 0;
   world.bolt.paths[id].x = [];
   world.bolt.paths[id].y = [];
   world.bolt.paths[id].x[0] = x;
   world.bolt.paths[id].y[0] = y;
   world.bolt.paths[id].mdx = mdx;
   world.bolt.paths[id].srate = srate;
   world.bolt.paths[id].color = color;
   world.bolt.draw.num += 1;
}
world.bolt.cpath(250,0, 5,5,0,'rgba(255,255,150,.5)');
window.setInterval(world.bolt.draw,100)
window.setTimeout('world.bolt.cpath(125,0,5,5,1,"rgba(255,10,0,.5)")',1000);
</script>
</body>
</html>

Code:

//world.js
var world = {
skyColor:'rgba(0,0,100,.009)'  
}
;
world.canvas = document.getElementById( 'world' )
world.canvas.cstyle = document.defaultView.getComputedStyle( world.canvas, null )
world.w = parseInt( world.canvas.cstyle.width, 10 );
world.h = parseInt( world.canvas.cstyle.height, 10 );
world.ctx = world.canvas.getContext( '2d' );

finally,
Code:

// world.ground.js

world.ground = {
}
;
world.ground.level = [];


world.ground.make = function( GArray, length ){

   world.ctx.strokeStyle = '#000000';
   world.ground.level = [];
   world.ctx.fillStyle = '#FFF';
   world.ctx.fillRect( 0, 0, world.w, world.h );
   world.ground.level = GArray;
   for ( world.ground.make.i = 0; world.ground.make.i <= length; world.ground.make.i ++ ){
      if ( GArray[world.ground.make.i + 1] === undefined ){
         GArray[world.ground.make.i + 1] = GArray[world.ground.make.i];
      }

      world.ctx.moveTo( world.ground.make.i, ( world.h ) );
      world.ctx.lineTo( world.ground.make.i, ( world.h - GArray[world.ground.make.i] ) );
   }
   world.ctx.stroke();
   world.ctx.beginPath();
}
;

world.ground.create = function( func, width ){
   func = ec( func );
   if( func === false ){
      alert( 'Pass equation as a string without the "y=", "f(x)=", "g(x)=" or similar.' );
      return world;
   }
   if( func == 'perspicaciousness' ){
      return world;
   }
   var temp = [];
   for( var x = 0; x <= width; x ++ ){
      temp[x] = eval( func );
   }
   world.ground.make( temp, width );
}
;
world.ground.create.test='4';
world.ground.create( world.ground.create.test, 500 );

in the end of world.bolt.cpath,there should be a way to use the local varis X and Y, and world.ground.js's world.ground.level[] to detect it. sorry for the gigantic length. thanks in advanced. the jsnerd

Having trouble figuring out how to do this...I can get the particular entry by name but I can't randomly select one from the several because it's a string and not a number....
Code:

var newOre = 0;

var ore = {
"iron" : 5,
"silver" : 3,
"gold" : 2,
"platinum" : 1
}

var userOre = {
"iron" : 0,
"silver" : 0,
"gold" : 0,
"platinum" : 0
}

Code:

function getAnotherOre () {
newOre = ore[Math.floor(Math.random() * ore.length)];
userOre += newOre;
}

The random() is for an array, tried to use it here and returns 0 every time because the key in the key:value pair is a "string", though if I'm reading it right, it is trying to get a random number based off the length of the table, so why doesn't it do that?

Ideally I want it to increment a corresponding hash table of users Ores...so if you randomly get a iron, it adds 5 to the users "iron" entry.

I had a for loop, but I only need to randomly generate 1 entry result each time called so do I need to loop through things or can I just randomly get a key:value pair back and append that to the userOre table???????

AM I APPROACHING THIS WRONG FOR WHAT I WANT TO DO?

Any ideas or link to documentation? I'm searching.....

I can get the individual value of a field manually: console.log("keyName"); which will output the right number, but how do I get a random("keyName") and once I figure that out I probably would append("correspondingName", value) to the other table...

Basically, functionally I just want to randomly get one of several values when the function is called. I guess I could make global variables for each type of ore, then just manually increment a random one some other way...

This is for a html5 game where when you collide with a "mine" it triggers the function but I want it to randomly give various types of ore instead...Maybe I'm going about it wrong...

Maybe it's easier just to declare 10 different global variables (assuming 10 ore types) and randomly give a number 0-10 of each every time the function is called......?

i don't know what has changed in last releases of Firefox and Opera
but before i used this script to detect browser versions (IE, Opera, FF)
and block or redirect depending on version

Code:

 <script language="javascript">
 <!--

//Detect IE greater than 1 - we are blocking it completely
version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}
if (version>1)
window.location="ie-error.html"


//Detect Opera less than 10 (9.80)
if (navigator.userAgent.indexOf("Opera")!=-1){
var versionindex=navigator.userAgent.indexOf("Opera")+6
if (parseInt(navigator.userAgent.charAt(versionindex))<9.8)
window.location="op-error.html"
else (window.location="index2.html")
}

//Detect Firefox less than 3.6
if (navigator.userAgent.indexOf("Firefox")!=-1){
var versionindex=navigator.userAgent.indexOf("Firefox")+8
if (parseInt(navigator.userAgent.charAt(versionindex))<3.6)
window.location="ff-error.html"
else (window.location="index2.html")
}

// -->
</script>

it worked last with Opera 9.5, FF 3.0
but after that it doesnt work at all
Firefox'es version (3.6) doesn't get detected and is redirected to error page
same goes with Opera (9.8 which is 10.0-10.5)

can anyone tell me why this happens ?
or can anyone "fix it"

i know many people are against this kind of scripts (blockers and redirecters)
but i do it so people who come with older and less compatible browsers with
W3C standards to get warned so they don't load deformed page

Hi,

I need a javascript that detects flash and replace z-index value.

i have 2 div. div1 (alternate HTML content) has z-index=-3 and div2 (flash object) z-index=0. If flash is detected, do nothing. if flash is not detected, i would like to set div1 z-index to a positive 3.

can someone please help me?

Hello,

I'm trying to write some javascript that will detect if the page has been loaded because of the refresh button being pressed. I've searched google on how to do this, and several websites recommend something similar to the code I'm implementing below:

Code:

<script type="text/javascript" language="javascript">

// in head

    function checkRefresh() {

        alert("BEFO  value = " + document.getElementById("visited").getAttribute("value"));

        if (document.getElementById("visited").getAttribute("value") == null ||
            document.getElementById("visited").getAttribute("value") == "")
        {
            document.getElementById("visited").setAttribute("value", "refreshed")
        }


        alert("AFTER: value = " + document.getElementById("visited").getAttribute("value"));
    }

</script>

...

<body onload="Javascript:checkRefresh();">

...

    <form id="hiddenform">
    <input type="hidden" id="visited" value="" />
    </form>

</body>

My variation differs from most of the examples on the internet in a few ways (which may or may not affect its functionality):

1) Most examples access the elements by directly using their names (as in: document.hiddenForm.visited.value). I'm using document.getElementById(...).getAttribute(...) just because that seems to be the safest way to ensure you are in fact getting the elements you want, and setAttribute(...) to ensure you're setting the attribute in the proper way. This entails that I need to set the ID in the form and input elements rather than the name.

2) I'm accessing the input tag directly (rather than going through the form) because I really don't see how this would make a difference.

3) I'm doing all this within asp:content tags which, from what I understand, can affect the behavior of the elements within it.

I'm not sure if this works out for other programmers, but for me it doesn't seem to be working. My alert messages in the checkRefresh function tell me that the value of the input element does indeed change as expected, but it seems to get wiped out and reinitialized to the original value of "" when the page is refreshed.

Am I doing something wrong?

Thanks for any help.