Joomla! Forum - community, help and support

Tuuni wrote:Iam looking familiar solution what can fade-in and fade-out system messages (timed fade-out).

Any ideas? anyone?

<script type="text/javascript" >
 var tmjmosmsg,fx;
 function pload(){
 tmjmosmsg=$$('dl#system-message');
 if($type(tmjmosmsg[0])=='element'){
 var el=tmjmosmsg[0];
 el.setStyle('overflow','hidden');
 var h=el.getSize().size.y;
 fx = new Fx.Styles(el, {duration:900, wait:false});
 //scrol to message
 winScroller = new Fx.Scroll(window);
 winScroller.toElement($('header'));
 //delayed start, then remove the html element upon completion
 
(function(){
 
fx.start({
 
'margin-top':-1*h.toInt(),
 
opacity:0
 
 
}).chain(function(){el.remove();});
}).delay(2500);
 
 }
 
 };
 
 window.addEvent('load',function(){
 pload();
 }
 
 );
 </script>

fronsky wrote:Thank you very much! Looks promising, but seems to need some adjustment (I'm probably doing something wrong..)

When testing it actually shows an modal window, but this window is empty and still the normal messages are shown on the main screen.

Can you give me another hint?

evis wrote:Hi guys!!

This is solution what I needed:
http://extensions.joomla.org/extensions ... ames/10999

Many thanks to ALEX (http://extensions.joomla.org/extensions ... I7fQ%3D%3D) for the help.

waltea wrote:Esperado, I am really interested in your solution but cannot get it to work. Would you be willing to share the code that has it working on your site?Andrew

<div id="systmsg"

<div id="systmsg" onclick="javascript:this.style.display='none';">
  <jdoc:include type="message" />
</div>	

<div onclick="javascript:this.style.display='none';" id="systmsg">
  <dl id="system-message">
    <dt class="message">Message</dt>
      <dd class="message message fade">
	<ul>
		<li>here will be the warning</li>
	</ul>
     </dd>
  </dl>
</div> 

esperado wrote:Lightbox os squeezebox is a very heavy and complicated solution just to show sometimes system messages. My proposal is more simple and stable and do the same.
Put your system message code in a div with a little javascript in the index.php of your template.

Code: Select all

<div d="systmsg" onclick="javascript:this.style.display='none';"><jdoc:include type="message" /></div>

esperado wrote:Lightbox os squeezebox is a very heavy and complicated solution just to show sometimes system messages. My proposal is more simple and stable and do the same.
Put your system message code in a div with a little javascript in the index.php of your template.

Code: Select all

<div d="systmsg" onclick="javascript:this.style.display='none';"><jdoc:include type="message" /></div>

esperado wrote:Lightbox os squeezebox is a very heavy and complicated solution just to show sometimes system messages. My proposal is more simple and stable and do the same.
Put your system message code in a div with a little javascript in the index.php of your template.

Code: Select all

<div d="systmsg" onclick="javascript:this.style.display='none';"><jdoc:include type="message" /></div>

You will need a little CSS formating in order to achieve what you want to do.
css for #systmsg:
position:absolute;
text-align:center;
width:100%;
top:300px (what you want)

And the #system-message need to be set as :
display:block;
width:(what you want);
max-height:(what you want);
margin-left:auto;
margin-right:auto;
z-index: 100;

Do not forget the 'DD.message ul li' for the content formating.)
That-is-it. and the messages appears like that on my site:
When you click on the "X" (or inside the message) the message simply disappear.