Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Nikit 22 May 2009, 20:34:55
-
Scusate, sarņ stupido io ma non trovo nessun plugin o modulo per installare jquery in un Joomla.
-
ciao Nikit
mi sembra free
http://extensions.joomla.org/extensions/style-&-design/scripts/7230/details (http://extensions.joomla.org/extensions/style-&-design/scripts/7230/details)
-
Grazie! alla fine pensavo che tutte le cose di joomla.org le trovassi anche qui ed ho fatto solo qui (e ovviamente pesantemente su google ma senza risultati) la ricerca per un plugin jquery per Joomla.
Quando poi provo ad installarlo e lo testo vi dico come va.
Per ora grazie infinite!
-
Salve a tutti ho provato sia a installare il componente che eseguire il codice a mano di jQuery noConflict ma non riesco a fare funzionare jquery.
Mi spiego meglio :
Non ci sono errori javascript, le funzioni vengono richiamate,
ma non viene eseguito l'effetto che mi aspetto.
Qualche suggerimento?
-
Aggiunto un po' di codice...
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - il sistema di gestione di contenuti e portali dinamici" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>My Site</title>
<link href="/joomla_it/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/joomla_it/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/joomla_it/templates/computer-society/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery.no.conflict.js"></script>
<script type="text/javascript" src="/joomla_it/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/joomla_it/media/system/js/caption.js"></script>
<link rel="stylesheet" href="/joomla_it/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/joomla_it/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/joomla_it/templates/computer-society/css/template.css" type="text/css" />
<link rel="stylesheet" href="/joomla_it/templates/computer-society/css/blue.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/joomla_it/templates/computer-society/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page_bg">
<script type="text/javascript">
jQuery.noConflict();
(function($) {
// //Rigon banner
$rigonbanner = $('#rigonbanner');
$hover = $('#rigonbanner .hoverimage');
$hover.css({'display': 'block','opacity': 0});
$rigonbanner.hover(function() {
//mouse over
$hover.stop().show().animate({'opacity': 1},300);
}, function() {
//mouse out
$hover.stop().show().animate({'opacity': 0},500);
});
})(jQuery);
</script>
<div id="pageflip">
<a href="http://www.zambros.it"><img src="/joomla_it/templates/computer-society/images/blue/page_flip.png" alt="" /></a>
<div class="msg_block"></div>
</div>
<a id="rigonbanner" alt="Accedi al Sito" title="Accedi al Sito" href="/joomla_it/www.sitointero.it">
<img src="/joomla_it/templates/computer-society/images/blue/intro.png" />
<img class="hoverimage" alt="" src="/joomla_it/templates/computer-society/images/blue/intro.png" />
</a>
...
.....
-
Ho risolto usando la guida. In teoria non serve nemmeno il plugin che ho installato..
Questa č la guida
http://docs.jquery.com/Using_jQuery_with_Other_Libraries (http://docs.jquery.com/Using_jQuery_with_Other_Libraries)
Questo č il codice che ho usato..
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - il sistema di gestione di contenuti e portali dinamici" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>My Site</title>
<link href="/joomla_it/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/joomla_it/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/joomla_it/templates/computer-society/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://localhost:8989/joomla_it/plugins/system/sc_jquery/jquery.no.conflict.js"></script>
<script type="text/javascript" src="/joomla_it/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/joomla_it/media/system/js/caption.js"></script>
<link rel="stylesheet" href="/joomla_it/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/joomla_it/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/joomla_it/templates/computer-society/css/template.css" type="text/css" />
<link rel="stylesheet" href="/joomla_it/templates/computer-society/css/blue.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/joomla_it/templates/computer-society/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page_bg">
<script type="text/javascript">
// jQuery.noConflict();
var $j = jQuery.noConflict();
$j(function() {
// //Rigon banner
$jrigonbanner = $j('#rigonbanner');
$jhover = $j('#rigonbanner .hoverimage');
$jhover.css({'display': 'block','opacity': 0});
$jrigonbanner.hover(function() {
//mouse over
$jhover.stop().show().animate({'opacity': 1},300);
}, function() {
//mouse out
$jhover.stop().show().animate({'opacity': 0},500);
});
//Page Flip on hover
$j("#pageflip").hover(function() {
$j("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
}
, function() {
$j("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$j(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
<div id="pageflip">
<a href="http://www.zambros.it"><img src="/joomla_it/templates/computer-society/images/blue/page_flip.png" alt="" /></a>
<div class="msg_block"></div>
</div>
<a id="rigonbanner" alt="Accedi al Sito" title="Accedi al Sito" href="/joomla_it/www.sitointero.it">
<img src="/joomla_it/templates/computer-society/images/blue/intro.png" />
<img class="hoverimage" alt="" src="/joomla_it/templates/computer-society/images/blue/intro.png" />
</a>
Spero di essere stato di aiuto ad altri...
-
Grazie mille, era quello che cercavo, peccato che non funzionano eventuali plugin di jquery.