Mostrar un input al dar clic en una imagen

[Briss]

Hola a todos tengo el siguiente input

<input type="text" name="prom[]" id="prom" value=" <?php $Promedio=($row_calificarm['parcial1']+$row_calificarm['parcial2']+ $row_calificarm['parcial3'])/3; echo number_format ($Promedio,2); ?> /></td>

Pero me gustaría mantenerlo oculto hasta q den clic en la siguiente imagen


<td><input type=image src="../images/Ajustes.png" align="center" value="Evaluar"/></a>


Quien me hecha una manita no sé mucho de javascript... he investigado pero no he encontrado algo para guiarme

Gracias de antemano

[Briss]

Me estoy guindo de un ejemplo que encontre aqui mismo y tengo sig.

<span id="oculto" style="width:500;">
<input type="text" name="p3[]" id="p3" value="<?php echo $row_calificarm['parcial3']; ?>" size="3" style="border: none;" />
</span></td>

<a href="Javascript:document.getElementById('oculto') .innerText='Y la luz se hizo';">¡Hágase la luz!</a>


y muestra el texto Y la luz se hizo...

funciona bien pero me gustaría mostrar el input como se podria hacer?????

[goteen_mx]

checate este código

<script>
function f_mostra(){
document.getElementById('oculto') .innerText='Y la luz se hizo';
document.getElementById('p3').style.display = 'block';
}
</sctript>
<span id="oculto" style="width:500;">
<input type="text" name="p3[]" id="p3" value="<?php echo $row_calificarm['parcial3']; ?>" size="3" style="display: none;" />
</span></td>

<a href="Javascript:f_mostrar();">¡Hágase la luz!</a>

[Briss]

Hola gracias por tu ayuda he ingresado el código q tan amablemente me facilitas pero no logro que haga nada

[gjx2]

Pruebalo de este modo.

Código HTML:

<script>
function f_mostrar(){
input = document.getElementById('p3');
input.style.display = "block";
}
</script>
 
<input type="text" name="p3[]" id="p3" value="Hola" size="3" style="display:none" />
 
 
<img src="http://www.altracocina.com/wp-content/themes/this/images/logo.jpg" onclick="f_mostrar()" />
 

[Briss]

Iniciado por gjx2

Pruebalo de este modo.

Código HTML:

<script>
function f_mostrar(){
input = document.getElementById('p3');
input.style.display = "block";
}
</script>
 
<input type="text" name="p3[]" id="p3" value="Hola" size="3" style="display:none" />
 
 
<img src="http://www.altracocina.com/wp-content/themes/this/images/logo.jpg" onclick="f_mostrar()" />
 

GRACIAS FUNCIONA BIEN... ahora tengo otra duda
De mi consulta obtengo varios registros .... la imagen aperece bien por cada registro( por ejemplo si la consulta me arroja 3 registros ... la imagen se ve 3 veces)


Pero al dar clic para q me muestre el input 3 ... solo me lo muestra una vez u.U
que me sugieren hacer

Otra vez GRACIAS

[gjx2]

Bueno se tiene que modificar un poco mas el codigo como debes de saber el codigo solo esta optimizado para usarlo con una sola imagen o sea un solo id.

Te voy a crear un ej puedes tomarlo de referencias para adatarlo a tu caso.

Código PHP:

function f_mostrar(id){
 
document.getElementById(id).style.display = "block";
}
</script>
 
 
 
<?php
 
for($i=0;$i<10;$i++){
    
echo '<input type="text" name="p3[]" id="p'.$i.'" value="imagen '.$i.'"  style="display:none" />
<img src="http://www.altracocina.com/wp-content/themes/this/images/logo.jpg" onclick="f_mostrar(\'p'.$i.'\')" />
';
}
 

[gjx2]

Modifique un poco la funcion le cree algo como un toggle

Código Javascript:

<script>
function f_mostrar(id){
 
var input = document.getElementById(id);
input.style.display = (input.style.display == "block") ? "none" : "block";
 
}
</script>
 

[Briss]

Gracias por tu ayuda...

he puesto lo q me indicas....

peor la imagen me aparece mas veces q los registros...


y ya no muetsra nada al dar clic... la verdad no se mucho de java... podrias explicarme un poquito mas porfa...

otro caso
estoy trabajando

asi

<?php do { ?>
.
.
.

<?php } while ($row_calificarm = mysql_fetch_array($calificarm)); ?>


Para mostrar los registros...

Gracias otra vez

[Briss]

lo q no entiendo es como modificar la parte del

for($i=0;$i<10;$i++){

para q me tome el total de registros q arroja la consulta

[gjx2]

Es algo como esto

Código PHP:

$Result = null;
$Sql = " SELECT * FROM clientes ";
$Result = mysql_query($Sql)or die(mysql_error());
 
if( mysql_num_rows($Result) ) {
 
$Contador = 1;
while( $Row = mysql_fetch_assoc($Result) ){
 
echo '<input type="text" name="p3[]" id="p'.$Contador.'" value="imagen '.$Contador.'"  style="display:none" />
<img src="http://www.altracocina.com/wp-content/themes/this/images/logo.jpg" onclick="f_mostrar(\'p'.$Contador.'\')" />
';  
        $Contador++;
    }
}