Ayuda con codigo

Yuston Arce · 25 Nov 2016

buenas betas

podrian ayudarme a hacer o intentar hacer un codigo que funcione de la siguiente manera

cuando uno entre a una web se pueda elimanar una imagen del sitio web??

osea la imagen que yo ponga que cuand entre un usuario o admin puede dar eliminar en la imagen hay alguna forma de hacer eso?

epicmedia · 25 Nov 2016

Como permisos para que el usuario pueda hacer la acción de eliminar? O que se elimine automáticamente al entrar?

Yuston Arce · 25 Nov 2016

epicmedia dijo:
Como permisos para que el usuario pueda hacer la acción de eliminar? O que se elimine automáticamente al entrar?

no osea que tenga una X para crear esa accion de elimanar una foto o imagen

ejemplo entras ala web y vez una imagen no te gusta le das ala X y se elimina ..!

epicmedia · 25 Nov 2016

Depende mucho de cómo sea la estructura de tu sitio

Stron · 25 Nov 2016

DarkYuzton dijo:
no osea que tenga una X para crear esa accion de elimanar una foto o imagen

ejemplo entras ala web y vez una imagen no te gusta le das ala X y se elimina ..!

Segun entiendo la imagen no se elimina, se oculta, se puede hacer esa accion con javascript, para que cuando den clic agregue un display:none

creo que a eso te refieres

Yuston Arce · 25 Nov 2016

The Stron dijo:
Segun entiendo la imagen no se elimina, se oculta, se puede hacer esa accion con javascript, para que cuando den clic agregue un display:none

creo que a eso te refieres

me podria dar un codigo o explicar maso menos como es?

piano · 25 Nov 2016

DarkYuzton dijo:
me podria dar un codigo o explicar maso menos como es?

Como ya te han dicho, eso lo puedes hacer fácilmente con JS. No hace falta que lo programes tú, puedes utilizar alguna solución ya existente.

Por ejemplo bootstrap tiene unas alertas que utilizan este mismo sistema, la alerta aparece ( o la imagen o lo que quieras) y arriba a la derecha tiene un botón para cerrar y si haces clic desaparece.

Para hacerlo rápido puedes cargar en el header de tu página el scritp de bootstrap "bootstrap.min.js" ( lo encontrarás fácil) y la imagen la metes dentro de un div tal y como te muestro aquí:

<div class="alert">
<a href="#" class="close" data-dismiss="alert">×</a>
<img src="aqui la imagen">
</div>

Yuston Arce · 25 Nov 2016

piano dijo:
Como ya te han dicho, eso lo puedes hacer fácilmente con JS. No hace falta que lo programes tú, puedes utilizar alguna solución ya existente.

Por ejemplo bootstrap tiene unas alertas que utilizan este mismo sistema, la alerta aparece ( o la imagen o lo que quieras) y arriba a la derecha tiene un botón para cerrar y si haces clic desaparece.

Para hacerlo rápido puedes cargar en el header de tu página el scritp de bootstrap "bootstrap.min.js" ( lo encontrarás fácil) y la imagen la metes dentro de un div tal y como te muestro aquí:

<div class="alert">
<a href="#" class="close" data-dismiss="alert">×</a>
<img src="aqui la imagen">
</div>

gracias lo probare 😀 es para una tarea de la novia de mi hermano 😀

piano · 25 Nov 2016

DarkYuzton dijo:
gracias lo probare 😀 es para una tarea de la novia de mi hermano 😀

De nada compi, cualquier problema que encuentres me citas y te doy una mano. 🙂

nicolasio · 27 Nov 2016

Si tu pagina usa Jquery lo podrias hacer facilmente eliminando la imagen del DOM: te dejo un ejemplo...

<div class="imagen eliminable">
<a class="close" onclick="$(this).parent.remove()">X</a>
<img src="imagen.jpg"/>
</div>

Deberias darle a la clase close position absolute top: 0 y right: 0 , y a imagen eliminable position relative, en css para que quede mas presentable.

No es recomendable usar tag on click en el html, idealmente ese codigo lo pondria en un js aparte usando el evento click en el selector

Insertar CODE, HTML o PHP:

$('.imagen.eliminable .close').click(function(){
$(this).parent.remove();
})

Saludos

Ayuda con codigo

Yuston Arce

epicmedia

Yuston Arce

epicmedia

Stron

Yuston Arce

piano

Yuston Arce

piano

nicolasio

Temas similares