Response title
This is preview!
Move this topic
Reverse string (email address) on copy?
in Getting Started
•
12 years ago
Hey all!
I'm trying to do this email obfuscation thing where I reverse the email direction with php and then on the page flip it right way with css.
Looks great and works great, expect when I copy the email, it's of course backwards.
Would you have any ideas how to use jQuery (or just plain js) to flip it right way when it is copied? Or would it make the whole obfuscation thing useless?
Thanks advance! All help is appreciated :)
I'm trying to do this email obfuscation thing where I reverse the email direction with php and then on the page flip it right way with css.
Looks great and works great, expect when I copy the email, it's of course backwards.
Would you have any ideas how to use jQuery (or just plain js) to flip it right way when it is copied? Or would it make the whole obfuscation thing useless?
Thanks advance! All help is appreciated :)
2
Replies(13)
Re: Reverse string (email address) on copy?
12 years ago
Hi
Don't know if I've understood you correctly but it sounds like you want to take say:
moc.fed@cba and turn it into abc@def.com ?
jQuery doesn't offer much in the way of string processing. So you'd have to do it in straight Javascript. Something like (untested)
var reveresedEmail = "moc.fed@cba";
newEmail = "";
l = reveresedEmail.length;
for (i=l; i > 0; i-- ) {
newEmail+= reveresedEmail.charAt(i);
}
$(el).text(newEmail);
I don't *think* you'll see that in view source.
Don't know if I've understood you correctly but it sounds like you want to take say:
moc.fed@cba and turn it into abc@def.com ?
jQuery doesn't offer much in the way of string processing. So you'd have to do it in straight Javascript. Something like (untested)
var reveresedEmail = "moc.fed@cba";
newEmail = "";
l = reveresedEmail.length;
for (i=l; i > 0; i-- ) {
newEmail+= reveresedEmail.charAt(i);
}
$(el).text(newEmail);
I don't *think* you'll see that in view source.
Leave a comment on justinwyllie's reply
Re: Reverse string (email address) on copy?
12 years ago
At that point you have pretty much rendered the desired effect useless. Here is how you do it JavaScript style; http://stackoverflow.com/questions/958908/how-do-you-reverse-a-string-in-place-in-javascript
Re: Re: Reverse string (email address) on copy?
12 years ago
That's an unreliable and confusing remark.
How does this "render the desired effect useless"? What, exactly? Do you mean adding it to the DOM? As I say I'm not sure if that will add it to what is seen in View Source. If it doesn't then I don't see that as a problem assuming he is trying to prevent detection by email address sniffers?
And more to the point the link you post includes code which does the same thing. The examples on that page illustrate different ways of reversing strings but don't in fact deal with how to add the result to the DOM so it can't be sniffed.
So what you are saying is;
"don't do it like this do it like that" (where that === this). Which is actually a bit silly.
Incidentally at the link you give there is a nice example of using split and reverse() to achive the same effect which is a better way than my looping approach.
How does this "render the desired effect useless"? What, exactly? Do you mean adding it to the DOM? As I say I'm not sure if that will add it to what is seen in View Source. If it doesn't then I don't see that as a problem assuming he is trying to prevent detection by email address sniffers?
And more to the point the link you post includes code which does the same thing. The examples on that page illustrate different ways of reversing strings but don't in fact deal with how to add the result to the DOM so it can't be sniffed.
So what you are saying is;
"don't do it like this do it like that" (where that === this). Which is actually a bit silly.
Incidentally at the link you give there is a nice example of using split and reverse() to achive the same effect which is a better way than my looping approach.
Leave a comment on jay.blanchard's reply
Re: Reverse string (email address) on copy?
12 years ago
I apologize, my answer was short and confusing, I was answering the OP's question that if you could flip it at the time that it was copied it rendered the effect useless - your answer was not visible when I started down the path to answering the question so it isn't directed at you.
Re: Re: Reverse string (email address) on copy?
12 years ago
I'm being over-sensitive. Last thing on a Friday. No problems. Sorry to snap.
Actually I find the original post a little confusing too.
Original poster - what are you actually trying to do?
Leave a comment on jay.blanchard's reply
Re: Reverse string (email address) on copy?
12 years ago
look at it this way. The OP is reversing the email address in the div. for example,
-- Kevin
<div>moc.oof@raboof</div>
And to display the email, the div gets a style:
<div style="direction: rtl">moc.oof@raboof</div>
resulting in this being displayed to the user:
However, when you select the text and press ctrl+c or rightclick and copy, you get the original text, "moc.oof@raboof" which is not what the user expects to get.
I can't think of a solution to this other than using a different obfuscation method.
-- Kevin
Re: Re: Reverse string (email address) on copy?
12 years ago
You explained it very well, better than me :)
I'm just trying to come up with a bulletproof email obfuscation method where 1) the email looks real i.e. has the @ symbol in it and is 2) copyable 3) don't need the mailto link. But my ambition exceeds my programming knowledge.
In plain english this is how I see it:
1. flip the email with php: strrev(hello@example.com);
2. put it in a span with: class="email"
3. in styleshee do something like: .email {direction:rtl; unicode-bidi: bidi-override;}
4. now it shows the email on the site: hello@example.com
5. (now begins the hard part) highlight the email
6. copy it
7. javascript to listen the copy event and flip it the right way after that
8. paste to clipboard
This may be really bad approach to the subject, I'm not sure, I'm just stabbing the dark...
Sorry for forgetting this thread for few days.
Leave a comment on Kevin B's reply
Re: Reverse string (email address) on copy?
12 years ago
Nothing special here, but to be really clear on this. Try copying the email http://jsfiddle.net/andy_h/5uKUP/
Leave a comment on andy_h's reply
Re: Reverse string (email address) on copy?
12 years ago
Re: Re: Reverse string (email address) on copy?
12 years ago
Wow, thanks!
I'm really not sure... :) Could you please comment the js?
Leave a comment on douglasthsouza's reply
Re: Reverse string (email address) on copy?
12 years ago
you could listen to the selectstart event on that element and place the email in the clipboard(requires flash)
-- Kevin
-- Kevin
Leave a comment on Kevin B's reply
Re: Reverse string (email address) on copy?
12 years ago
douglas's solution commented:
http://jsfiddle.net/5uKUP/5/my similar solution:
I split the reversed email string to an array, reversed the array, then joined back into a string and appended instead of using a for-loop. Same concept. Also included inside of a $.each.
-- Kevin
Re: Re: Reverse string (email address) on copy?
12 years ago
This is amazing!
I'll give it a try.
Thanks you!
Leave a comment on Kevin B's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to andy_h's question
{"z3123152":[14737000002214245,14737000002236079,14737000002236117],"z3318945":[14737000002215060,14737000002215064,14737000002215183],"z5978396":[14737000002215036,14737000002236053,14737000002236057,14737000002236107,14737000002238170],"z5263876":[14737000002215062,14737000002215097],"z5618632":[14737000002236069]}