ho un sito html con layout css..
la struttura è:
header
colonna sinistra (larga 400px) - colonna destra (larga 150px)
footer
ora..in una pagina del mio sito mi serve ke la colonna dx sia 200px e la sx 350px..
ho pensato di usare javascript(se è possibile) per applicare la modifica gradualmente.."animando" la colonna..è possibile in javascript?
PS se ho sbagliato sezione e non è possibile fare quello k voglio in javascript chiedo ai moderatori di spostarmi nella sezione giusta
ho notato k il mio problema non è completamente impossibile da realizzare
xò ora ():
devo far "apparire" del testo e delle immagini nella barra rossa alla fine dell'azione..
ho provato a mettere lo script nella pagina
il risultato è inquietante... :master:
..ki gli da un'occhiata?questo è lo script (prima c'è il css usato)..
non riesco a modificare lo script xke non capisco dove vengono richiamati gli stili..inoltre gli stili li ho rinominati in quanto l'originale postato nell'esempio di html.it usava classi come "table" "td"..così facendo avrei applicato lo script a tutte le tabelle della pagina..
codice:<style> body{margin-left:20;margin-top:80;} .tab_int{border:#00CCFF solid 1px;width:200px;background-color:#009900;}/*tabella intera*/ .before{background-color:#0000CC;height:150px;}/*CELLA PRIMA DEL PRELOAD*/ .preloader1{background-color:#CC33FF;color:red;width:1px;}/*cella ke si ingrandisce*/ </style> <script type="text/javascript"> IE4 = (document.all) ? 1:0; NN6 = (!document.all && document.getElementById) ? 1:0; ok = (document.styleSheets) ? 1:0; if(ok) { if(IE4) stile = document.styleSheets[0].rules if(NN6) stile = document.styleSheets[0].cssRules } stato = 0 function preload(){ if(ok) { if(stato++<100) { stile[3].style.width=stato+"%"; setTimeout("preload()",10); } else stato=0; } else alert("l'oggetto syleSheets non è supportato!\nl'esempio non può essere visualizzato") } </script>
questo è il link giusto
non usare l'oggetto styleSheets nello script, piuttosto dai un id alla cella che ti interessa, e poi usi document.getElementById('TUO_ID') per prenderla.
intendi a questo punto?Originariamente inviato da COMANDANTE SPACE
non usare l'oggetto styleSheets nello script, piuttosto dai un id alla cella che ti interessa, e poi usi document.getElementById('TUO_ID') per prenderla.
codice:ok = (document.styleSheets) ? 1:0; if(ok) { if(IE4) stile = document.styleSheets[0].rules if(NN6) stile = document.styleSheets[0].cssRules }
ti piace una funzione del genere(devi dare id="preloader" alla cella che vuoi muovere)?
Codice PHP:function preload(){
var stato = 0;
var slide = document.getElementById('preloader');
var sposta = function(){
if(stato++<100)slide.style.width=stato+"%";
else clearInterval(chiama);
}
var chiama = setInterval(sposta,50);
}
ah,cmq c'è un errore nell'html della tua pagina, cancella la riga 61:
<script>javascriptreload()</script>
inoltre nel tag di apertura <style> ci devi mettere type="text/css"
scusami davvero..mi sa ke in javascript sono un pò inceppato..cm si dice dalle mie parti..
usando la tua funzione questa è la pag html:
dove sbaglio?Codice PHP:<html>
<head>
<script type="text/javascript">
function preload(){
var stato = 0;
var slide = document.getElementById('preloader');
var sposta = function(){
if(stato++<100)slide.style.width=stato+"%";
else clearInterval(chiama);
}
var chiama = setInterval(sposta,50);
}
</script>
<style type="text/css">
<!--
#preload {
font-size: 16px;
width: 150px;
background-color: #9999FF;
}
-->
</style>
</head>
<body>
<table id="preload">
<tr>
<td></td>
</tr>
</table>
</p>
[url="javascript:preload()"]clicca qui[/url]</p>
</body>
</html>
l'id è preloader, e per come ho strutturato lo script ,lo devi dare alla singola cella che vuoi muovere e non a tutta la tabella. Nel css devi definire la dimensione della tabella e anche quella della cella(mettila a 0%).
Codice PHP:<table>
<tbody>
<tr>
<td></td>
<td id="preloader"></td>
</tr>
</tbody>
</table>
Permessi di invio
Rispondi quotando