Ayuda código

cooply · 28 Abr 2015

Buenas
Pido ayuda porque llevo horas con esto y no soy capaz de realizarlo...

Tengo select con varios option:

HTML:

<select name="type" id="type">
            <option value='0'></option>
	    <option value='facebook'>Like Fanpage</option>
            <option value='youtube'>Suscriber</option>
            <option value='twitter'>Follow</option>
            <option value='pinterest'>Pin</option>
</select>

Según el valor que elija en el select, este código js hace que se muestren unos datos u otros.

HTML:

<script type="text/javascript">
 $('#type').on('click',function(e){
	 var b=$('#type').val();
	 if(b=='0'){
		 $('#contenido1').hide()
	 }else{
		 $('#load').show();
		 $.get('contenido/'+b+'/add.php'
.
.
.
});

De esta forma el código funciona perfectamente y hace lo que quiero, el problema es cuando quiero modificarlo.
Necesito sustituir el <select> por un <div>

He editado el código así:

HTML:

  <div id="type">

    <div value="facebook">facebook</div>
    <div value="youtube">youtube</div>
    <div value="twitter">twitter</div>
    <div value="pinterest">pinterest</div>

</div>

El problema esque al sustituirlo queda de esta forma y solo funciona hasta la linea:, $('#load').show(); , la siguiente linea de código que es esta: $.get('contenido/'+b+'/add.php' ya no se carga.

Por lo que he leido no se puede obtener la variable "value" de un div y nose si será eso lo que hace que no obtenga el valor del div,
¿Alguien podría ayudarme a resolverlo?

Un saludo y gracias.

lombervid · 28 Abr 2015

Un div no tiene atributo value. 😕 Y si quieres usar value, porque no lo dejas como select? :topsy_turvy:

cooply · 28 Abr 2015

Buenas [MENTION=8317]lombervid[/MENTION] , ese es el problema, que no quiero el select, necesito que sea un div, y si los div no tienen value, como consigo su valor?

Gracias.

lombervid · 28 Abr 2015

Por eso te pregunto por que lo ocupas como div? si practicamente lo estas queriendo usar como un select.

lombervid · 28 Abr 2015

En ese caso podrias usar atributos data.

cooply · 28 Abr 2015

[MENTION=8317]lombervid[/MENTION]

Porque si lo utilizo como <select>, inevitablemente tengo que elegir una de las opciones en el desplegable, lo que necesito es evitar esta acción, exactamente con una imagen, entonces al hacer click sobre una imagen con el icono de facebook que haga el mismo efecto que haría al pulsar en <option value="facebook">.

Algo asi,

Esto es lo que tengo:

HTML:

<select id="type">
	    <option value='facebook'>Like Fanpage</option>
</select>

Esto es lo que quiero:

HTML:

<div id="type">
<img src="foto_facebook">
</div>

lombervid · 28 Abr 2015

En ese caso podrías poner una opción sin nada:

PHP:

<select id="type">
	<option value="">Ninguna</option>
	<option value="facebook">Facebook</option>
	<option value="youtube">Youtube</option>
	<option value="twitter">Twitter</option>
	<option value="pinterest">Pinterest</option>
</select>

pero como te digo, puedes usar un atributo data:

PHP:

<div id="type">
	<div data-value="facebook">Facebook</div>
	<div data-value="youtube">Youtube</div>
	<div data-value="twitter">Twitter</div>
	<div data-value="pinterest">Pinterest</div>
</div>

y lo obtendrías con algo como:

PHP:

var b = $(this).data('value');

También podrías sacar directamente el texto del div.

Saludos.

cooply · 28 Abr 2015

¡¡¡Funciona perfectamenteeee con tu codigol!!!
Llevo horas probando intentos fallidos.
Mil gracias, me has alegrado la tarde :applause::applause::applause::applause::applause:

Te agradezco mucho tu tiempo y consejos 😀
Saludos.

Ayuda código

cooply

lombervid

cooply

lombervid

lombervid

cooply

lombervid

cooply

Temas similares