PDA

View Full Version : Email Riddler conflict



apostolidis
10-03-2008, 09:41 PM
Email Riddler
http://dynamicdrive.com/emailriddler/

When i use this script my whole page goes blank and only the e-mail link is visible.

I guess there is a conflict with another script I use - curvyCorners. This is probably a similar problem with the one described here - http://www.dynamicdrive.com/forums/archive/index.php/t-10565.html.

How can I change the output of Email Riddler using .innerHTML?

I would really appreciate your help with this - i have zero experience with Javascript.

ddadmin
10-04-2008, 06:25 AM
Actually, curvyCorners shouldn't conflict with Email Riddler at all. The thread you cited is with regards to when you need to display the output of Email Riddler in a section of the page that's dynamically generated after the page has loaded.

Please post a link to the page on your site that contains the problematic script so we can check it out.

apostolidis
10-04-2008, 09:51 AM
This is the problematic page: *

apostolidis
10-05-2008, 05:53 PM
Any ideas?

ddadmin
10-05-2008, 11:40 PM
Just some educated guessing at this point, but try modifying your page to the below instead:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Georgios Apostolidis | strona domowa</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="Georgios Apostolidis | strona domowa" />
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
body { background: #FFF url(bck.gif) repeat center; font-family:Georgia; }
div#main { color:#8F8F8F; margin:50px auto 10px auto; width:700px; background:#FFF; padding:25px; font-size:22px; line-height:30px; border:1px solid #666; }
h1 { color:#FF3300; font-size:inherit; font-weight:normal; font-size:32px; margin:5px 0 0 0; }
h1 span { color:#8F8F8F; font-size:22px; }
a {color: #000; }
a:hover {text-decoration: none;}
div#stopka{ height: 70px; line-height: 70px; text-align: center; font-size: 11px; margin:10px auto 0 auto; }
div#stopka:first-letter{ font-size: 16px; font-weight: bold; }
</style>


<script type="text/javascript">
/*<![CDATA[*/

/***********************************************
* Encrypt Email script- Please keep notice intact
* Tool URL: http://www.dynamicdrive.com/emailriddler/
* **********************************************/
<!-- Encrypted version of: georgios.apostolidis [at] *****.*** //-->

var emailriddlerarray=[103,101,111,114,103,105,111,115,46,97,112,111,115,116,111,108,105,100,105,115,64,103,109,97,105,108,46,99,111,109]
var encryptedemail_id94='' //variable to contain encrypted email
for (var i=0; i<emailriddlerarray.length; i++)
encryptedemail_id94+=String.fromCharCode(emailriddlerarray[i])


/*]]>*/
</script>

<script type="text/JavaScript" src="rounded_corners_lite.inc.js"></script>
<script type="text/JavaScript">

window.onload = function()
{
settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10},
antiAlias: true,
autoPad: true
}

var divObj = document.getElementById("main");

var cornersObj = new curvyCorners(settings, divObj);
cornersObj.applyCornersToAll();
divObj.innerHTML+='<a href="mailto:'+encryptedemail_id94+'">'+encryptedemail_id94+'</a>'
}

</script>

</head>
<body>

<div id="main">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse vehicula pretium velit. Quisque ac velit sed felis laoreet sollicitudin. Vivamus lacinia. Maecenas viverra turpis sed pede. Mauris mauris diam, bibendum ac, auctor eu, pretium vitae, ipsum. Fusce aliquam placerat metus. Morbi odio massa, placerat sit amet, tristique vel, vestibulum nec, nulla. Pellentesque velit mauris, vestibulum rutrum, varius sit amet, tristique in, dolor. Nulla leo lacus, dapibus elementum, aliquam porta, euismod a, est. Aliquam aliquam libero eget erat. Quisque pharetra. Nam bibendum, dui id lobortis molestie, tortor metus dignissim augue, eu cursus diam nisi ac tortor. Aliquam volutpat pellentesque nisi. Curabitur ullamcorper accumsan risus. Maecenas sagittis, elit nec dapibus elementum, nisl erat dictum metus, vel consequat massa lectus sit amet magna. Sed leo metus, malesuada tempus, faucibus quis, tempor ut, nunc. Pellentesque malesuada sollicitudin justo. Etiam ante neque, iaculis eu, aliquam nec, mattis vel, turpis.


</div>

</body>
</html>