salve a tutti ho un problema con l'inserimento di un javascript nel mio sito.
il sito è http://marinuccipalermo.altervista.org/?q=node/15#
il javascript viene richiamato , così come il suo css, però quando si clicca su un'immagine non esegue bene il codice, ovvero non fa il movimento che dovrebbe.
Ho provato lo stesso script in locale con un altro tema e funziona bene, cosa potrebbe essere?
java script non parte
Ven, 07/10/2011 - 12:42
#1
java script non parte
Si, però dovresti specificare "con l'inserimento di un javascript nel mio sito". Il fatto è che .js e .css possono essere messi nel tema e nei moduli in questo modo:
In una funzione:
drupal_add_js ( 'alert("Hello!")' , 'inline' );
drupal_add_js('http://example.com/example.js', 'external');
Nel Modulo con un hook_init:
function nomemodulo_init() {drupal_add_css(drupal_get_path('module', 'nomemodulo') .'/candidati.css');
drupal_add_css('misc/jquery.alerts.css');
}
Nel Modulo con un hook_form:
$form['info']['select_all'] = array('#type' => 'checkboxes',
'#disable' => TRUE,
'#options' => array(0 => "Seleziona Tutti/Deseleziona"),
'#prefix' => '<div id="select-all-item" style="display:none">',
'#suffix' => '</div>',
'#attributes' => array('onchange' => "toggleSelectAll(this);", 'style' => 'display : none'),
);
Nel Tema (page.tpl.php):
<script type="text/javascript">//<![CDATA[
function getFlashVersion(){
......
if(version < 10){
document.write('La tua versione di Flash e minore di 10');
}
//]]>
</script>
<br>
Per il css nel tema:
<!--[if IE 6]><link rel="stylesheet" href="<?php echo base_path() . $directory; ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
Forse se non funziona lo script immagino qualche errore di percorso ma non avendolo non posso aiutarti di più!
Ti ringrazio per la risposta e cerco di spiegare meglio il mio "con l'inserimento di un javascript nel mio sito".
In pratica ho scaricato un' animazione da html.it e la vorrei inserire in una pagina del mio sito. Ho notato che qualunque file .js che vado a richiamare nella mia page con non parte, ma provando con un altro tema funziona. A cosa puà essere dovuto questo comportamento ?
Posto il contenuto della page:
<link rel="stylesheet" type="text/css" href="/sites/all/themes/bluemasters/catalogo1/style.css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<body>
<h1>Pannello slider</h1>
<div id="featured" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
</ul>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="/sites/all/themes/bluemasters/catalogo1/images/image1.jpg" alt="" />
<div class="info" >
<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
</div>
</div>
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="/sites/all/themes/bluemasters/catalogo1/images/image2.jpg" alt="" />
<div class="info" >
<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
</div>
</div>
<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="/sites/all/themes/bluemasters/catalogo1/images/image3.jpg" alt="" />
<div class="info" >
<h2><a href="#" >35 Amazing Logo Designs</a></h2>
<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
</div>
</div>
<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="/sites/all/themes/bluemasters/catalogo1/images/image4.jpg" alt="" />
<div class="info" >
<h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
</div>
</div>
</div>
</div>
<div align="center">
</body>
Attenzione... prima dicevi "devo inserire nel mio sito" adesso mi sembra che lo vuoi inserire nella pagina, e... sono cose differenti. Per prima cosa devi attivare il modulo filter che ti permette di inserire il full HTML, mi raccomando dai i permessi per questo modulo.
Poi puoi inserire il tuo script html senza ripetere il tag body e html:
per le immagini NON devi mettere il percorso:
drupal non ne permette il funzionamento per motivi di sicurezza in quanto il tag img src permette il caricamento di script php con variabili
ma va messo questo percorso:
che indica che "sites\default\files\" è la tua configurazione del file system.
lo stesso vale per
Comunque caricare immagini nel corpo di un contenuto non è semplice senza un editor, ti consiglio
Segui le istruzioni dell INSTALL.TXT
Per quanto riguarda il css non ho mai utilizzato la tecnica di metterlo in una pagina ma la tecnica del preprocessor_theme per i tipi di nodi oppure per l'id del nodo
Infine puoi guardare dei video tutorial sul mio sito per le varie configurazioni di tyniMce e altro
Ti ringrazio per la risposta e volevo dirti che il css, le immagini e tutto il resto funzionano perfettamente, è l'animazione javascript che non va , infatti se ometto le seguenti righe di codice non cambia niente :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
ciò vuol dire che la pagina non riesce a chiamare il javascript e non capisco perchè invece con un altro tema ( anche garland per esempio) funziona....
Non è molto ortodosso richiamare da dentro una pagina una versione di jquery diversa da quella in uso in Drupal. La maniera corretta di usare una specifica versione di jquery è usare il modulo jQuery Update (e il modulo jQuery UI, visto che devi usare anche quella libreria).
Comunque, per diagnosticare problemi JS, basta che apri la console (disponibile in qualsiasi browser *decente*) e controlli. Di solito, quando un evento atteso non si verifica, vuol dire che si è verificato un errore che ha interrotto l'esecuzione degli script e nella console vedi l'errore e la sua origine.
ciao Pinolo ti ringrazio della risposta e mi scuso per la creazione di 2 topic ma è stato un errore, si era impallato il comp.
Leggendo varie discussioni riguardanti l'inserimento di javascript ho perseguito la seguente strada:
1) inserito nel file .info gli scripts con scripts[]= scripts
2) richiamato tali file nel corpo della pagina con
3)inserito i file nella root del tema
4) cancellato la cache
ma comunque l'animazione non parte....
1) e 2) sono alternative, non parte della stessa procedura. Se il percorso nel file .info è corretto, lo script verrà caricato comunque. Quali script hai inserito, comunque?
La cache che va cancellata è quella del tema: devi visitare la pagina di scelta dei temi e salvare le impostazioni.
Detto questo, non parli del consiglio più importante che ti ho dato: guarda la console.