Posts tagged as ' clean solution ' ...

22 Nov 2009 @ 7:38 PM 

Hello

Did you knew that Google Chrome does not understand keypress() on special keys like arrow keys/esc/enter/etc ?

Me neither

I was trying to get the following code to work and it didnt work in Google Chrome at all

    $(window).keypress(function(e){
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 32 || (65 < = code && code <= 65 + 25) || (97 <= code && code <= 97 + 25)) {
           alert("haxxor");
        }
  $(window).keypress(function(el){
        var alphaCode = (el.keyCode ? el.keyCode : el.which);
        if (alphaCode == 37) {
            alert("left key");
        }
        if (alphaCode == 39) {
             alert("right key")
        }

        if ( alphaCode == 13) {
            alert ("enter key")
        }
        if ( alphaCode == 27) {
            alert ("escape key")
        }      
    });

+ Continue Reading This Article

Tags

Tags: , ,

Categories: jQuery

Posted By: Dinulescu Alexandru Adrian

Last Edit: 08 Jan 2010 @ 08:43 PM

EmailPermalinkComments (0)

16 Aug 2009 @ 5:11 PM 

Hello

Sometimes you may have a webpage and some pop-ups on it, they have position: fixed; and styled with JS to appear in the center of the page. (I am not talking about IE6 here, this doesnt work in IE6 at all). for some ex

<div class="popup">

</div>
<div>
<p> Lots of Content Goes here Lots of Content Goes here Lots of Content Goes here </p>
<p><a href="#"> Trigger </a></p>
</div>

+ Continue Reading This Article

Tags

Tags: ,

Categories: XHTML/CSS

Posted By: Dinulescu Alexandru Adrian

Last Edit: 07 Jan 2010 @ 11:38 PM

EmailPermalinkComments (0)

24 Apr 2009 @ 8:47 PM 

Hello. In this tutorial i will tell you how to create a breadcrumb navigation menu

So lets start with the XHTML

XHTML

<div class="navMenu">
    <a href="#" class="home"> </a>
    <span class="intermediareSpan"> </span>
    <a href="#" class="intermediareLink"> Intermediare Link </a>
    <span class="lastSpan"> </span>
    <a href="#" class="lastLink"> End LINK </a>
    <div class="clear"></div>
</div>

+ Continue Reading This Article

Tags

Tags: , ,

Categories: XHTML/CSS

Posted By: Dinulescu Alexandru Adrian

Last Edit: 07 Jan 2010 @ 11:10 PM

EmailPermalinkComments (0)

23 Apr 2009 @ 6:37 PM 

Hello

As you well know Internet Explorer 6 and lower doesnt recognize position:fixed in CSS, in order to get around that issue we need to do this. Btw everything goes in the same css file, the * html star is a hack for IE6 so only it seems the code so other browsers arent affected.

+ Continue Reading This Article

Posted By: Dinulescu Alexandru Adrian

Last Edit: 26 Jan 2010 @ 03:21 PM

EmailPermalinkComments (1)

20 Apr 2009 @ 7:18 PM 

What does this do?

This makes your footer stick at the bottom of the page, even if you have little content on the page. This is useful, but of course there are some jQuery alternatives which will be posted in a similar post later on. It’s a very simple, clean, CSS based only solution that works in 90%+ of the cases. Also this works in IE6.

The other solution is 10 times simpler but does not work in Internet Explorer 6. More details below…

+ Continue Reading This Article

Posted By: Dinulescu Alexandru Adrian

Last Edit: 07 Jan 2010 @ 11:02 PM

EmailPermalinkComments (0)