[SOLVED] [Send to a friend] conflicting with...

[StudioZ]

I managed to grab a dhtml script from http://www.dhtmlgoodies.com
that helped me to integrate on every pages the "Send to a friend" (Envoyez cette page à un ami ») function on my iRoutier.com site

Although, the script stops working only on pages where I have other content parts that create and make calls to a "window.onload"
Found out that that I can't use my "Send to a friend" on a page where I have a "Plugin: GoogleMaps" Content Part, like at:
http://www.iroutier.com/site/fiche-entr ... demo.phtml

Samething for my Directories sections (Powered by ExData Mod) like at:
http://www.iroutier.com/site/fr_reperto ... eurs.phtml
(Took the script out for the Directories)

I wonder if there would be a way to make both work together ... ?

Here's the code part where I suspect the problem is:

Code: Select all

...
  		        answer.id = 'dhtmlgoodies_a'+divCounter;	
			contentDiv = answer.getElementsByTagName('DIV')[0];
			contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; 	
			contentDiv.className='dhtmlgoodies_answer_content';
			contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
			answer.style.display='none';
			answer.style.height='1px';
			divCounter++;
		}		
	}	
}
window.onload = initShowHideDivs;
</script>
<script language="javascript" type="text/javascript">
  <!-- 
  window.onload = function () {
    googlemap();
  }
  window.onunload = function() {
    GUnload();
  }    
  //-->
  </script>
	<script src="template/inc_js/mootools/mootools.js" type="text/javascript"></script>
  <link href="template/inc_css/specific/frontend_edit.css" rel="stylesheet" type="text/css" />
  <link href="template/slimbox/css/slimbox.css" rel="stylesheet" type="text/css" media="screen" />
  <script src="template/slimbox/js/slimbox.js" type="text/javascript"></script>
  <!--[if lt IE 7]>
  <style type="text/css">
    body { behavior: url("template/inc_css/specific/csshover2.htc"); }
    img { behavior: url("template/inc_css/specific/iepngfix.htc"); }
  </style>
  <![endif]-->

</head>
...

If anyone has a solution to this...?
I would really appreciate.

Kind Regards,

Yves

[Cipolla]

Yves,

what version are you using? i mean in the newer versions > 1.3.5 you could simply use the cp e-mail form to build a tell a friend form.

When you put this form in an invisible article you may use show_content e.g. in your template to show this box on every page.

[Oliver Georgi]

window.onload is no good solution anymore.

Init MooTools and use

Code: Select all

window.addEvent('domready', function() {
   // run all here which should start when DOM is ready
});

Oliver

[Jensensen]

[x]

[StudioZ]

Thank you guys for your replies and help

@ Oliver:

window.onload is no good solution anymore.

Init MooTools and use

Code: Select all

window.addEvent('domready', function() {
   // run all here which should start when DOM is ready
});

Oliver

I played a bit with trying to get TABS working but... with no success.
Most of the information is in German, which I can't understand or can hardly get translated. This is too technical
The idea is to have the "Send to a friend" form hidden on each page but... ready to be pulled down (Accordeon) when needed.
This would be the most elegant way to do it, instaed of having a permanent form on each page.

Question to Oliver:
How do you "Init MooTools" and use ?
What do you want me to do exactly to get it working ?

Thanks in advance,

Yves

[Oliver Georgi]

Just try:

1) frontend_render

Code: Select all

<?php
initMootools();
?>

2) inline PHP

Code: Select all

[PHP]
initMootools();
[/PHP]

And then put this inside your code/template.

Code: Select all

<script type="text/javascript">
window.addEvent('domready', function() {
   alert('Hey, wow - MooTools DOMready works as expected!');
});
</script>

You can study the source of www.iba-stadtumbau.de if you like. I use MooTools scripts there ... as with in most of my projects.

Oliver

[StudioZ]

Thanks Oliver for the ref.
This is the most elegant way to use the "Send to a Friend" function
Working like a charm on your site
I studied your page, copied some css and .js and... still can't figure.
I'm on the edge to give up on this feature

Whish I could see a step by step procedure to follow...
with the good files to download.

Kind Regards,

Yves

[flip-flop]

wiki: Send a friend

[StudioZ]

Thank you Knut
I followed the details on your wiki and all is working fine now
Only wish I could hide it at page loading. This is only a small detail.

Cheers,

Yves

[flip-flop]

Hi Yves,

It opened during side load and remains open?
Or is it poped up only a short time?

Knut

[StudioZ]

Hi Knut
It only pops up only a short time.
Just until the page finish it's loading.
This short page here: http://www.iroutier.com/site/fr_bulletin.phtml
should show you what I mean...

Yves

[Oliver Georgi]

You need a link that switch the display state. Set display: none by default and via CSS - then it wil not "blink".

You can try to study the JS and link part here:
http://www.iba-stadtumbau.de/index.php?iba-compact

[Update] Found the french text link

Oliver

[update]

I can see the whole page flashing - do you mean this one?

[flip-flop]

wiki: Send a friend == http://www.iba-stadtumbau.de/index.php?iba-compact

Exactly the same behavior. A short form pop up during side load.
Scroll down in browser and reload.

[Oliver Georgi]

yes, it would be possible to enhance the JS by 1 single line - and set display:none by default.