Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Declaration Dropen

  1. #1

    Declaration Dropen

    Ciao
    ho un problema con una semplice animazione in javascript, devo muovere un immagine. Quando viene eseguita però non funziona perchè il css mi rende un errore
    codice:
    Warning: Error in parsing value for 'top'.  Declaration dropped.
    Source File: http://127.0.0.1/TIA2/play.php
    Line: 0
    Ho provato ad eseguire lo stesso codice in un foglio separato e funziona !!
    Mi potete aiutare ??

    Inserisco anche il codice javascript e css :

    JAVASCRIPT
    codice:
    function animation( colonna ) { 
    
    	var ball = inserBall(); 
    	
    	position ( ball, colonna ); 
    
    }
    
    
    var id_timer_move=0;
    
    function inserBall () { 
    
    	var board = getElement("board"); 
    	var img = document.createElement("img");
    	img.setAttribute("id", "palla"); 
    	img.setAttribute("src", "./Immagini/red_ball.png"); 
    	board.appendChild(img); 
    	return img; 	
    }
    function position ( ball , colonna ) { 
    
    	var i=0; 
    	
    	for ( i= 0; i<7; i++)
    		if (griglia[i][colonna-1] == VUOTO) 
    				break;  
       var indice = 7 - (i-1); 
     	var spostamento = indice * 53; 
    	move (ball, spostamento); 
    }
    
    
     
    
    function move ( ball , pos_finale ) { 
      ball.style.top = parseInt(ball.style.top)+1+'px';//Sposta il div verso destra di un pixel alla volta
    	if (  parseInt( ball.style.top ) >= pos_finale ) 
    		clearTimeout(id_timer_move); 
    	else 
    	id_timer_move = setTimeout ( function(){move(ball,pos_finale)} , 30 ); 
    }
    CSS

    codice:
    html { 
    	margin :0; 
    	padding : 0; 
    }
    
    #body { 
      margin-left : 10%;
      margin-right : 10%;
      background-image : url("../Immagini/sfondo.gif"); 
      background-repeat : repeat; 
    }
    
    
    #header { 
    	position : absolute; 
    	background-color : #36c; 
    	color : red ; 
    	text-align : center ; 
    	/*padding :15px; */
    	height : 100px; 
    	width : 80%; 
    	  border-left: 2px solid #36c;
    	border-right: 2px solid #36c; 
    }
    
    #container{ 
    	position :absolute;
    	height : 700px;
    	width   : 80%; 
       text-align: left;
       border-left: 2px solid #36c;
    	border-right: 2px solid #36c; 
    	background-color:#9cf;
    	top : 100px; 
    }
    
    
    
    #footer { 
    	height : 50px;
    	width  : 80%; 
    	position : absolute ; 
    	background-color : #36c; 
    	top : 800px; 
    	border-left: 2px solid #36c;
    	border-right: 2px solid #36c; 
    }
    
    /*CSS per la grglia e i suoi elementi */ 
    
    #container_board { 	
    	position: absolute; 
    	margin-left : 5%;	
    	top : 15%; 
    	height : 500px; 
    	width : 50%; 
    }
    
    #board_img { 
    	position: absolute;
    	height : 410px; 
    	width : 410px;
    	z-index : 1; 
    }
    
    #button_img { 
    	height : 40px; 
    	width  : 40px;
    	margin : 5px;
    	z-index : 1; 
    	 
    }
    
    #button_array{ 
    	margin-left : 3%; 
    	z-index : 1;
    }
    
    
    
    #notify { 
    	position : absolute; 
    	height : 100px;
    	/*padding : 10px; */
    	width : 100%;     
    }
    
    #notify_text { 
    	position : absolute;
    	margin-left : 5%; 
    }
    
    #timer { 
    	position : absolute; 
    	top : 100px;
    	margin-left : 50% ;/*grandezza griglia */
    	height : 100px; 
    	width  : 50%;
    }
    #news { 
    	position : absolute; 
    	top:    200px;  
    	height : 400px;
    	width  : 50%;
    	margin-left : 50%; 
    	
    }
    #news_text {
    	position : absolute; 
    	height : 60%;
    	width  : 80%;
    	margin-left : 10%;
    	margin-top : 5%; 
    	text-align: left; 
    	background-color : white;
    	overflow:auto;
    	border : groove;
    } 
    
    #abbandona { 
    	position : absolute; 
    	height : 100px; 
    	width : 100%; 
    	top : 600px; 
    	margin-left : 5%; 
    }
    
    
    #s1 { 
    	position: absolute;
    	margin-left : 10%; 
    }
    
    #palla { 
    	position : absolute; 
    	height : 45px; 
    	width : 45px;
    	margin-left : 3%;
    	top : 1px; 
    	z-index : 0;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    L'errore ti viene segnalato in un file PHP: viene segnalato il file, ma non la riga (e questo potrebbe significare un errore da qualche altra parte precedente che si scatena ad un certo momento)

    Forse hai usato una variabile JS con un nome riservato, oppure e` il parser PHP che non riesce a lavorare.

    Sicuramente non e` quindi un problema CSS.

    Intanto sposto in JS; eventualmente da li` ti spostaranno in PHP, se non riescono a capire.

    Per aiutare chi ti da` una mano, potresti pubblicare la pagina (magari in un sito provvisorio) e lasciare il link.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie della risposta!
    Se sei l'amministratore cancela questa discussione perchè l 'ho inserita io nella sezione javascript!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il crossposting e` viatato dai regolamenti!!
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    scusate...
    Ma non sapevo qual'era la sezione più appropriata

  6. #6
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Originariamente inviato da PeppePes88
    scusate...
    Ma non sapevo qual'era la sezione più appropriata
    ci sono i moderatori per questo, non vale il fai-da-te
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.