creazione div automatica

nicoct

Nuovo Utente
5 Mag 2013
16
0
0
salve a tutti,
sto imparando da poco jquery dovrei creare un funzione che al clic su un primo div già esistente sulla pagina lo rimpiazzi con un altro div in una posizione diversa e cosi via fino ad un limite di volte che poi imposterò con un ciclo.
HTML:
<script>
	$(function(){
		$("div").click(function(){
			$("div").replaceWith("<div></div>");
			$("div").css("top",<?php echo rand(0,600) ?>);
			$("div").css("left",<?php echo rand(100,1200) ?>);
		});
	});
</script>
questa funzione rimpiazza il div con un altro e tramite i css mette il nuovo div in un altra posizione casuale il problema è che funziona una volta soltanto dopo di che lo script si blocca,
come dovrei fare a far leggere anche il nuovo div alla funzione?
 
Ultima modifica di un moderatore:

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Prova generando la nuova posizione dal js, sennò il php la genera soltanto una volta
Codice:
$("div").css("top",Math.floor(Math.random()*600));
$("div").css("left",Math.floor(Math.random()*1100)+100);
 

nicoct

Nuovo Utente
5 Mag 2013
16
0
0
grazie ma purtroppo ancora non funziona, metto il codice completo di tutta la pagina perché forse c'è qualcosa di sbagliato fuori dalla funzione:
Codice:
<html>
	<head>
		<style>
			div{
				background-color:#f00;
				width:100px;
				height:100px;
				position:fixed;
				top:100;
				left:500;
			}
			input{
				color:#000;
				border:0px solid #f00;
				top :20px;
				left:20px;
			}
		</style>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script>
			$(function(){
				punti=0;
				
				$("div").click(function(){
					punti=punti + 1;
					$("input").attr("value",punti);
					
					$("div").replaceWith("<div></div>");
					$("div").css("background-color","#ff0");
					$("div").css("top",Math.floor(Math.random()*600));
					$("div").css("left",Math.floor(Math.random()*1100)+100);
				});
				
			});
			
		</script>
	</head>
	<body>
		<table width="1200px" height="700px" border="2">
			<tr>
				<td width="100px" valign="top">
					punteggio
					<input type='text' value='inizia' size='5'>
				</td>
				<td>
					<div align='center' valign='middle'>
						clicca qui
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Prova cosi, è questo che intendevi?
Codice:
$(function(){
				punti=0;
				
				$("div").click(function(){
					punti++;
					$("input").attr("value",punti);
					
					$("div").css("background-color","#ff0");
					$("div").css("top",Math.floor(Math.random()*600));
					$("div").css("left",Math.floor(Math.random()*1100)+100);
                                        $("div").html("Clicca");
				});
				
			});
 

nicoct

Nuovo Utente
5 Mag 2013
16
0
0
Perfetto grazie ora funziona.
praticamente hai sostituito
Codice:
$("div").replaceWith("<div></div>");
con
Codice:
$("div").html("Clicca");

potresti spiegarmi il perché?
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Perché non c'era bisogno di rimpiazzarlo, replaceWith() toglieva l'elemento direttamente dal dom della pagina e non veniva più letto

L'ultimo pezzo con .html() lo puoi anche togliere, era come esempio
 
Discussioni simili
Autore Titolo Forum Risposte Data
Stefano Migotto Creazione di un div con php o js PHP 9
S Aggiornamento contenuto di un div dopo la creazione di una select dinamica Javascript 0
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 0
spider81man Creazione di un UNICA tabella da più file .CSV PHP 1
M Creazione menu a tendina Javascript 3
S Download di un file in automatico dopo la sua creazione PHP 2
G creazione menu a tendina e invio a pagina php PHP 1
M Problemi con creazione maschere Presentati al Forum 1
F Creazione script Tv Presentati al Forum 1
W Creazione Cartella Classic ASP 2
A recuperare data creazione di un file PHP 6
D Neofita. Creazione applicativo prenotazione automezzi Offerte e Richieste di Lavoro e/o Collaborazione 12
L Aiuto creazione menu mancante WordPress 0
E Creazione URL per chat whatsapp WordPress 1
L Creazione di 2 o più record PHP 6
W Creazione di una griglia HTML e CSS 1
E Creazione di un sito di news PHP 16
S Scelta software/cms per creazione sito Webdesign e Grafica 6
E Creazione gestionale timesheet partendo da foglio excel Offerte e Richieste di Lavoro e/o Collaborazione 0
M Creazione notifica sonora Javascript 1
R Creazione sito eccomerce privato. Offerte e Richieste di Lavoro e/o Collaborazione 2
I Creazione programmino JAVA Offerte e Richieste di Lavoro e/o Collaborazione 0
D Difficile creazione excel di dati di grandi dimensioni Classic ASP 2
I creazione stile css HTML e CSS 3
A [Offro][retribuito] Creazione siti web/ web app (Django) Offerte e Richieste di Lavoro e/o Collaborazione 2
G [OFFRO][RETRIBUITO] Creazione siti web e loghi professionali Offerte e Richieste di Lavoro e/o Collaborazione 0
D Creazione sito Offerte e Richieste di Lavoro e/o Collaborazione 0
D CREAZIONE E GESTIONE SITO E-COMMERCE Offerte e Richieste di Lavoro e/o Collaborazione 2
C [WordPress] Retribuzione creazione Sito Web vetrina Discussioni Varie 3
I [Javascript] Creazione di una piccola libreria e integrazione in angular Javascript 2
S [OFFRO] Creazione di programmi per la modifica automatizzata di testi Offerte e Richieste di Lavoro e/o Collaborazione 0
T [php] problema creazione query select-where PHP 5
Daniele_Carrara [PHP] Creazione Carrello PHP 1
G Creazione Landing Page Offerte e Richieste di Lavoro e/o Collaborazione 2
P [HTML] Creazione pagina web da dove iniziare HTML e CSS 2
L Creazione form html HTML e CSS 3
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
W [PHP] Creazione classe PDO PHP 4
K [PHP] Creazione di Calendario con orario PHP 4
V [CREO] Creazione profilo INSTAGRAM ad hoc per SVILUPPO MARKETING aziendale Offerte e Richieste di Lavoro e/o Collaborazione 0
Store creazione campo search in php PHP 1
Store creazione barra search sito web Presentati al Forum 3
C Creazione di una funzione per il filtraggio dei campi di un db Presentati al Forum 0
F Info aws ed ec2 per creazione sito vendita orodotti digitali Server Dedicati e VPS 0
S [PHP] Aiuto creazione form php per completamento modello word PHP 1
Web93 Creazione spedizione a pezzo - sito wordpress woocommerce WordPress 2
W Creazione Wallet per Bitcoin Offerte e Richieste di Lavoro e/o Collaborazione 6
A [PHP] Creazione tabelle dinamiche PHP 16
S Creazione app Presentati al Forum 1
Emix Problema con creazione form css/mobile HTML e CSS 3

Discussioni simili