Si può ridimensionare un JS e/o inserirlo in qualche "contenitore"?

**fram** · 27-02-2012, 22:21

Stavo smanettando con questo esempio pronto di javascript esterno .
Ho inserito il codice in questo modo: http://img208.imageshack.us/img208/9061/imgcdc.jpg

Certamente un javascript non va ci interessa che occupi un'intera pagina quando andremo ad applicarlo in un sito web, a tal proposito mi chiedevo se è possibile ridimensionarlo come grandezza e posizionarlo tutto insieme nel punto desiderato della pagina (magari con qualche "contenitore").
Ecco cosa intendo (ritoccato con software di fotoritocco per emulare ciò che voglio fare): Click qui per vedere l' esempio

Un javascript può essere composto da più file (CSS, .js e immagini): è possibile racchiudere e raggruppare tutto quanto in qualche tipo di "contenitore" o per poterlo ridimensionare e spostare tutto insieme?
Altrimenti in che modo si può posizionare e ridimensionare un javascript in una determinata porzione di pagina HTML? (riferimento sempre al terzo link)

**Xinod** · 27-02-2012, 22:38

come vengono visualizzati gli elementi (non gli script, non e' lo script che devi ridimensionare!) nel web moderno e' completamente a carico dei css

sposto nel forum relativo
ciao

**fram** · 27-02-2012, 22:55

Ok.

**Mich_** · 28-02-2012, 11:15

Come dice Xinod, devi inserire degli elementi (oggetti HTML) in una pagina (file HTML).

In linea di massima conviene partire dagli elementi strutturali e semantici del tuo documento.
Poi formattarli usando i CSS.

Probabilmente la cosa migliore e` cercare un layout tra le proposte che trovi in rete. Alcuni riferimenti sono raccolti tra i "link utili" del forum.
Prova a vedere come fanno in quei siti, e poi utilizza quello schema per la tua pagina.

**fram** · 29-02-2012, 02:27

Ci siamo fino all'inserimento dei link dei file dello script (javascript) dentro a un oggetto layout (div PA)

codice:

<div id="apDiv1"> <script src="cartella/nomefile.js"></script> </div>

I CSS del javascript in questione, come ad esempio

codice:

<link rel="stylesheet" href="cartella/file.css" />

mi fanno uscire fuori dall'oggetto layout (div PA) il testo del "countdown" rispetto all'area in cui vorrei contenerlo, è qui che non capisco esattamente su cosa devo intervenire: su questi css già esistenti (nell'esempio javascript) o creando uno o più nuovi CSS per poter formattare e ridimensionare l'esecuzione javascript e dei suoi contenuti?

In sostanza a me interessa poter collocare la visualizzazione del javascript in azione, in un punto da me prestabilito nella pagina e con le dimensioni da me impostate (più ridotte, contenuto dentro il layout).

**ResianTaxidrive** · 29-02-2012, 02:34

Tu devi guardare il codice che viene fuori quando il js e' in azione e vedere che tipo di codice HTML viene generato. Prova a postare il codice risultante finale.

**fram** · 29-02-2012, 15:27

Ecco il codice completo (ridotto alle parti essenziali per il funzionamento del js)

codice:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style type="text/css"> #apDiv1 { 	position:absolute; 	width:200px; 	height:115px; 	z-index:1; 	left: 105px; 	top: 316px; } </style> 
</head>  
<body> 
<div id="apDiv1">  <link rel="stylesheet" href="assets/countdown/jquery.countdown.css" />  <div id="countdown"></div>  		
<p id="note"></p>       		
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 		
<script src="assets/countdown/jquery.countdown.js"></script>
<script src="assets/js/script.js"></script> 
</div> 
</body> 
</html>

Mi sono comunque schiarito un pò le idee: per ridurre le dimensioni delle cifre (quindi formattazione del testo) del countdown sono intervenuto sui parametri e codici file jquery.countdown.css .
Per posizionare l'esecuzione del js nel punto da me desiderato nella pagina ho utilizzato l'oggetto layer div PA.

A questo punto riformulo la domanda (stando alla situazione attuale): per svolgere queste azioni di ridimensionamento generale e posizionamento della visualizzazione del js bisogna necessariamente intervenire su quel file CSS esterno (smanettando un pò alla cieca sul codice)?
E' possibile apportare modifiche con un codice CSS interno alla pagina HTML che ospita ed esegue il JS esterno?
Non c'è qualche procedura più semplice e immediata per modificare i CSS di un JS ? Forse con qualche buon editor (che mi dia la visualizzazione delle modifiche apportate su testo e immagini)?

**Mich_** · 29-02-2012, 16:39

per svolgere queste azioni di ridimensionamento generale e posizionamento della visualizzazione del js bisogna necessariamente intervenire su quel file CSS esterno (smanettando un pò alla cieca sul codice)?

Non necessariamente: pero` e` il modo piu` pulito per farlo.

E' possibile apportare modifiche con un codice CSS interno alla pagina HTML che ospita ed esegue il JS esterno?

E` possibile. Il CSS interno sovrascrive quello esterno (qualora si formattino gli stessi elementi). Conviene comunque inserire il tag <style> DOPO il tag <link> (sempre nella parte <head> della pagina). Inoltre esistono i CSS in linea (attributo style="...") che sovrascrivono ambedue quelli precedenti. Non e` una pratica pulita, e di solito crea confusione nel codice, per cui conviene usarli il meno possibile.

Non c'è qualche procedura più semplice e immediata per modificare i CSS di un JS ? Forse con qualche buon editor (che mi dia la visualizzazione delle modifiche apportate su testo e immagini)?

Puoi provare con strumenti tipo Firebug (per Firefox - ma ci sono simili anche per Chrome e IE).

Discussione: Si può ridimensionare un JS e/o inserirlo in qualche "contenitore"?

Strumenti discussione

Ricerca discussione

Visualizza

Si può ridimensionare un JS e/o inserirlo in qualche "contenitore"?

Permessi di invio