IPB Easter Egg Need/Help

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Share: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
#1   IPB Easter Egg Need/Help
I_R_Spartan
CZ Newbie
I_R_Spartan has been a member for over 13 year's 13 Year Member
Status: Offline
Joined: May 19, 2011
0.00 posts per day
Posts: 2
Points: 0
   
Can someone make me one or teach me how?



Back to top Reply with quote
#2   
Telli
Site Admin
Occupation: Self Employed
Age: 46
Gender: Male
Fav. Sports Team: Detroit Red Wings
Website:
Status: Offline
Joined: May 26, 2003
1.04 posts per day
Posts: 8089
Points: 494,430
   
Your going to have to learn about keys and how to trigger JavaScript based on what keys you are pressing.

Here is a good resource to start: [ Register or login to view links on this board. ]




_________________
The path of the righteous man is beset on all sides by the inequities of the selfish and the tyranny of evil men. Blessed is he, who in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy my brothers. And you will know my name is the Lord when I lay my vengeance upon thee. Ezekiel 25:17
Back to top Reply with quote
#3   re: IPB Easter Egg Need/Help
DIZZY
CZ Newbie
DIZZY has been a member for over 13 year's 13 Year Member
Status: Offline
Joined: May 28, 2011
0.00 posts per day
Posts: 1
Points: 10
   
If you are talking of the ones like found on TTG, a great resource would be to execute a script on the document ready and then append a div element to the end of your body or main_table tag. Give it the css properties of "top : 50%" and "right : 50%". If I'm not mistaken, IPB already has jQuery 1.4 so all you would need to do is write up the jQuery execution script and put it in your <head>.

Here's a quick one I wrote up to where all you need to do is wait for the function to be called by your keystrokes:

$('document').ready(function(){

$('Inset your keystroke listening functions here').action(function(){

$('body').append({"<img src='your image src here' id='easter_egg' />"});

$('#easter_egg').css({"top" : "50%", "right" : "50%", "position" : "fixed"});

});

});



All you would need to do there is insert your keystroke listening script and what keys you would need to push to execute the script. Also remember to call the function when the keys are pressed or the script will never append the innerHTML into the end body tag.


Back to top Reply with quote
Display posts from previous:      
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
<< View previous topic View next topic >>
Post new topicReply to topic

Jump to 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum