Vulpiani
06-10-2010, 10:59
Salve, mi do da solo il benvenuto su questo forum ;)
Ho un problema assai grave, allora, passo a descriverlo.
Ho creato un sito con Joomla, e preso un moduletto che crea tooltip con JQuery su delle icone che corrono tutte intorno al content. Fin qui nulla di complesso, alla fine č semplice...perņ...
Ho provato a dare un'immagine trasparente al fumettino che esce passando il mouse sulle icone, e in firefox funziona perfettamente mentre in Internet Explorer 8 non vuole saperne. Mi sta mandando ai matti da ieri questa cosa!!!
Vi allego i codici dei file della View del modulo e il css.
default.php (view)
<?php
/**
* @package JE Roll over tooltip menu
* @copyright Copyright (C) 2009-2010 Joomlaextensions.co.in All rights reserved.
* @license http://www.gnu.org/licenses/lgpl.html GNU/LGPL, see LICENSE.php
* Contact to : emailtohardik@gmail.com, joomextensions@gmail.com
* visit : http://www.joomlaextensions.co.in
**/
defined('_JEXEC') or die('Restricted access');
$doc =& JFactory::getDocument();
$doc->addStyleSheet( 'modules/mod_jerollovermenu_1/css/jerollovermenu.css' );
$doc->addScript("modules/mod_jerollovermenu_1/js/jquery.js");
$iconbar_bg = $params->get('iconbar_bg','eef');
$roll = $params->get('roll','_over');
$uri =& JFactory::getURI();
$url= $uri->root();
//$url = substr_replace(JURI::root(), '', -1, 1)."/";
?>
<div id="jeiconmenu" align="center" >
<style type="text/css">
#up_iconbar_1 {background:none; font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; }
#jeiconmenu ul {list-style:none;}
#up_iconbar_1 li {float:left; position:relative;width: 50px; margin-right:40px; margin-bottom:34px;}
</style>
<ul id="up_iconbar_1">
<script language="javascript" type="text/javascript">
jQuery(document).ready(function(){
$("#up_iconbar_1 li").hover(
function(){
var iconName = $(this).find("img").attr("src");
var f= iconName.split("/");
var g=f.length-1;
var path="<?php echo $url;?>";
var origen = f[g].split(".")[0];
origen=path+"images/stories/"+origen;
// var origen = iconName.split(".")[0];
$(this).find("img").attr({src: "" + origen + "<?php echo $roll?>."+f[g].split(".")[1]});
$(this).find("span").attr({
"style": 'display:inline'
});
$(this).find("span").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
},
function(){
var iconName = $(this).find("img").attr("src");
var origen = iconName.split("<?php echo $roll?>.")[0];
$(this).find("img").attr({src: "" + origen +"."+ iconName.split("<?php echo $roll?>.")[1]});
$(this).find("span").animate({opacity: 0, top: "-50"}, {queue:false, duration:400}, "linear",
function(){
$(this).find("span").attr({"style": 'display:none'});
}
);
});
});
</script>
<?php
foreach($list as $l)
{
$menu_params = new JParameter( $l->params );
$img= $menu_params->get( 'menu_image');
$image_dir=$url."images/stories/".$img;
if ((strpos($l->link, 'index.php?') === 0) && (strpos($l->link, 'Itemid=') === false)) {
$l->url = $l->link.'&Itemid='.$l->id;
} else {
$l->url = $l->link;
}
$link=JRoute::_($l->url);
echo'<li><a href="'.$link.'"><img src="'.$image_dir.'" /><span>'.$l->name.'</span></a></li>';
}
?> </ul>
</div>
<div style="clear:both;"></div>
jerollovermenu.css
#up_iconbar_1 span {
background: url(tab_bg.png) no-repeat;
width: 110px;
height: 35px;
position: absolute;
top: -50px;
left: -80px;
text-align: center;
padding: 5px;
display: none;
line-height:110%;
color:#000000;
cursor:pointer;
}
Spero almeno voi riusciate a risolverlo...vi ringrazio!
Ho un problema assai grave, allora, passo a descriverlo.
Ho creato un sito con Joomla, e preso un moduletto che crea tooltip con JQuery su delle icone che corrono tutte intorno al content. Fin qui nulla di complesso, alla fine č semplice...perņ...
Ho provato a dare un'immagine trasparente al fumettino che esce passando il mouse sulle icone, e in firefox funziona perfettamente mentre in Internet Explorer 8 non vuole saperne. Mi sta mandando ai matti da ieri questa cosa!!!
Vi allego i codici dei file della View del modulo e il css.
default.php (view)
<?php
/**
* @package JE Roll over tooltip menu
* @copyright Copyright (C) 2009-2010 Joomlaextensions.co.in All rights reserved.
* @license http://www.gnu.org/licenses/lgpl.html GNU/LGPL, see LICENSE.php
* Contact to : emailtohardik@gmail.com, joomextensions@gmail.com
* visit : http://www.joomlaextensions.co.in
**/
defined('_JEXEC') or die('Restricted access');
$doc =& JFactory::getDocument();
$doc->addStyleSheet( 'modules/mod_jerollovermenu_1/css/jerollovermenu.css' );
$doc->addScript("modules/mod_jerollovermenu_1/js/jquery.js");
$iconbar_bg = $params->get('iconbar_bg','eef');
$roll = $params->get('roll','_over');
$uri =& JFactory::getURI();
$url= $uri->root();
//$url = substr_replace(JURI::root(), '', -1, 1)."/";
?>
<div id="jeiconmenu" align="center" >
<style type="text/css">
#up_iconbar_1 {background:none; font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; }
#jeiconmenu ul {list-style:none;}
#up_iconbar_1 li {float:left; position:relative;width: 50px; margin-right:40px; margin-bottom:34px;}
</style>
<ul id="up_iconbar_1">
<script language="javascript" type="text/javascript">
jQuery(document).ready(function(){
$("#up_iconbar_1 li").hover(
function(){
var iconName = $(this).find("img").attr("src");
var f= iconName.split("/");
var g=f.length-1;
var path="<?php echo $url;?>";
var origen = f[g].split(".")[0];
origen=path+"images/stories/"+origen;
// var origen = iconName.split(".")[0];
$(this).find("img").attr({src: "" + origen + "<?php echo $roll?>."+f[g].split(".")[1]});
$(this).find("span").attr({
"style": 'display:inline'
});
$(this).find("span").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
},
function(){
var iconName = $(this).find("img").attr("src");
var origen = iconName.split("<?php echo $roll?>.")[0];
$(this).find("img").attr({src: "" + origen +"."+ iconName.split("<?php echo $roll?>.")[1]});
$(this).find("span").animate({opacity: 0, top: "-50"}, {queue:false, duration:400}, "linear",
function(){
$(this).find("span").attr({"style": 'display:none'});
}
);
});
});
</script>
<?php
foreach($list as $l)
{
$menu_params = new JParameter( $l->params );
$img= $menu_params->get( 'menu_image');
$image_dir=$url."images/stories/".$img;
if ((strpos($l->link, 'index.php?') === 0) && (strpos($l->link, 'Itemid=') === false)) {
$l->url = $l->link.'&Itemid='.$l->id;
} else {
$l->url = $l->link;
}
$link=JRoute::_($l->url);
echo'<li><a href="'.$link.'"><img src="'.$image_dir.'" /><span>'.$l->name.'</span></a></li>';
}
?> </ul>
</div>
<div style="clear:both;"></div>
jerollovermenu.css
#up_iconbar_1 span {
background: url(tab_bg.png) no-repeat;
width: 110px;
height: 35px;
position: absolute;
top: -50px;
left: -80px;
text-align: center;
padding: 5px;
display: none;
line-height:110%;
color:#000000;
cursor:pointer;
}
Spero almeno voi riusciate a risolverlo...vi ringrazio!