[JS] clicco su un bottone e voglio spostare un secondo elemento

**ivy_76** · 29-07-2013, 15:02

Ciao a tutti

riporto qui il mio codice che mi dà dei problemi. Voglio fare questo: Clicco sul pulsante qui sotto identificato con id='b1', con lo scopo di spostare la scritta "Questa scritta si deve spostare" identificata con id ='b2'
Ma quando clicco non succede niente. Se, tanto per provare, nella funzione JS imposto "b1", al posto di "b2" allora il pulsante si sposta.

Come mai ?

codice:


<html>
<head>
<style type="text/css">
#b1
{
position:absolute;
}
</style>
<script>
function displayResult()
{
document.getElementById("b2").style.left="300px";
}
</script>
</head>
<body>

<input type="button" id="b1" onclick="displayResult()" value="clicca per spostare la scritta">



<div id="b2">
Questa scritta si deve spostare
</div>

</body>
</html>

**LuigiMem** · 29-07-2013, 18:08

Originariamente inviato da ivy_76
Ciao a tutti

riporto qui il mio codice che mi dà dei problemi. Voglio fare questo: Clicco sul pulsante qui sotto identificato con id='b1', con lo scopo di spostare la scritta "Questa scritta si deve spostare" identificata con id ='b2'
Ma quando clicco non succede niente. Se, tanto per provare, nella funzione JS imposto "b1", al posto di "b2" allora il pulsante si sposta.

Come mai ?

codice:


<html>
<head>
<style type="text/css">
#b1
{
position:absolute;
}
</style>
<script>
function displayResult()
{
document.getElementById("b2").style.left="300px";
}
</script>
</head>
<body>

<input type="button" id="b1" onclick="displayResult()" value="clicca per spostare la scritta">



<div id="b2">
Questa scritta si deve spostare
</div>

</body>
</html>

Ho dai un "margin-left"!! o dai position absolute anche all' ID "b2"
left - right -top - bottom servono per oggetti in posizione assoluta.
cosi vedrai che funziona.

<html>
<head>
<style type="text/css">
#b1
{
position:absolute;
}
#b2
{
position:absolute;
}
</style>
<script>
function displayResult()
{
document.getElementById("b2").style.left="300px";
}
</script>
</head>
<body>

<input type="button" id="b1" onclick="displayResult()" value="clicca per spostare la scritta">

<div id="b2">
Questa scritta si deve spostare
</div>

</body>
</html>

Discussione: [JS] clicco su un bottone e voglio spostare un secondo elemento

Strumenti discussione

Ricerca discussione

Visualizza

[JS] clicco su un bottone e voglio spostare un secondo elemento

Re: [JS] clicco su un bottone e voglio spostare un secondo elemento

Permessi di invio