haa ahora caigo, si, si es posible, tendria que estar pegado al checkbox por que es una lista desordenada..
- Bienvenido a Test Foro de elhacker.net SMF 2.1.
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
#192
Desarrollo Web / Re: ¿ Esto existe ?
22 Mayo 2015, 01:13 AM
Y algun IDE orientado a lo que quieres puede ser brackets.io..
#193
Desarrollo Web / Re: jquery create checkbox con slider
21 Mayo 2015, 20:35 PM
No tiene por que estar ligado al checkbox(crear un slider por cada checkbox), de esa forma solo crearias sliders inutiles, con un slider oculto y que tome el valor del checkbox seleccionado basta.
#194
Desarrollo Web / Re: jquery create checkbox con slider
21 Mayo 2015, 19:59 PM
No, ponlo separado.. ahora que es lo que quieres hacer exactamente cuando le das click al checkbox?
#195
Desarrollo Web / Re: jquery create checkbox con slider
21 Mayo 2015, 19:25 PM
Cambia prepend por append.. sobre los elemento dinamicos utiliza on
En ves de darle propiedad como id=checkbox-1-2-3..etc, podrias utilizar solo el numero que veo que es lo que quieres utilizar.. la variable start no es una variable global definida.
Código (javascript) [Seleccionar]
// Nota que ahora utilizamos body para que busque en todo el
//contenido DOM segun el selector, en este caso #showChck input.
$('body').on('click', '#showChck input', function() {
console.log('presionado');
// Hacer algo
});En ves de darle propiedad como id=checkbox-1-2-3..etc, podrias utilizar solo el numero que veo que es lo que quieres utilizar.. la variable start no es una variable global definida.
#196
Desarrollo Web / Re: jquery create checkbox con slider
21 Mayo 2015, 16:05 PM
Por ejemplo.
Código (javascript) [Seleccionar]
$("#slider").slider({
min: 1,
max: 30,
value: 1,
slide: function( event, ui ) {
// Numero minimo
var start = 1;
$( "#result" ).html( ui.value );
// Limpiamos los anteriores Checkboxes
$('#showChck').html('');
// Segun el numero, segun la cantidad de Checkboxes
$(new Array(ui.value)).each(function(){
// Agreamos el nuevo checkbox
$('#showChck').prepend(
$('<input/>', {type:"checkbox", name:"checkbox-" + start, id:"checkbox-" + start, class:"custom"}),
$('<label/>', {for: 'checkbox-' + start }).text(start),
$('<br>')
);
// Incrementamos
start++;
});
}
});Código (html4strict) [Seleccionar]
...
<!-- Solo agrege un id -->
<fieldset data-role="controlgroup" data-type="horizontal" id="showChck">
<!-- CheckBoxes -->
</fieldset>
... #197
Foro Libre / Re: Podcast sobre informática y hacking
17 Mayo 2015, 21:48 PM
Lo voy a estar esperando.
#198
Desarrollo Web / Re: HTML y PHP : Formulario de seleccion de listas que muestra resultados.
17 Mayo 2015, 02:12 AM
Haber queres que muestre las provincias segun la region ? Te conviene hacerlo con javascript.. este es un ejemplo..
Código (javascript) [Seleccionar]
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
/* Ocultamos la lista de Provincias por ahora.. */
select[name=Noroeste],
select[name=Cuyo],
select[name=Litoral],
select[name=Centro],
select[name=Noreste],
select[name=Patagonia] {
display: none;
}
</style>
<script type="text/javascript">
window.onload = function() {
var region = document.getElementById("selectRegion");
// Nuestro valor anterior de Regiones (Noroeste, Cuyo, etc)
var selectProvinciaBefore = region.value;
// Cuando seleccionemos una region hacemos lo siguiente
region.addEventListener("change", function() {
// Obtenemos el nombre
var selectRegion = this.value;
// y seleccionamos segun corresponda la Region(id)
var selectProvincia = document.getElementById(selectRegion);
// Seleccionamos la Provincia anterior seleccionada y la ocultamos
var hidePreviousElement = document.getElementById(selectProvinciaBefore);
if (hidePreviousElement) {
hidePreviousElement.style.display = 'none';
};
// Mostramos la lista de Provincias segun la Region correspondiente
selectProvincia.style.display = 'inline';
// Guardamos el nombre de la Region actual
selectProvinciaBefore = selectRegion;
});
};
</script>
</head>
<body>
<h1>Listas</h1>
<form>
<label>Elija region:</label>
<select list="region" id="selectRegion">
<option selected="selected"></option>
<option value="Noroeste">Noroeste</option>
<option value="Cuyo">Cuyo</option>
<option value="Litoral">Litoral</option>
<option value="Centro">Centro</option>
<option value="Noreste">Noreste</option>
<option value="Patagonia">Patagonia</option>
</select>
<label>Elija Provincia:</label>
<select name="Noroeste" id="Noroeste">
<option value="provincia1">provincia1Noroeste</option>
<option value="provincia2">provincia2Noroeste</option>
<option value="provincia3">provincia3Noroeste</option>
</select>
<select name="Cuyo" id="Cuyo">
<option value="provincia1">provincia1Cuyo</option>
<option value="provincia2">provincia2Cuyo</option>
<option value="provincia3">provincia3Cuyo</option>
</select>
<select name="Litoral" id="Litoral">
<option value="provincia1">provincia1Litoral</option>
<option value="provincia2">provincia2Litoral</option>
<option value="provincia3">provincia3Litoral</option>
</select>
<select name="Centro" id="Centro">
<option value="provincia1">provincia1Centro</option>
<option value="provincia2">provincia2Centro</option>
<option value="provincia3">provincia3Centro</option>
</select>
<select name="Noreste" id="Noreste">
<option value="provincia1">provincia1Noreste</option>
<option value="provincia2">provincia2Noreste</option>
<option value="provincia3">provincia3Noreste</option>
</select>
<select name="Patagonia" id="Patagonia">
<option value="provincia1">provincia1Patagonia</option>
<option value="provincia2">provincia2Patagonia</option>
<option value="provincia3">provincia3Patagonia</option>
</select>
</form>
</body>
</html> #199
Desarrollo Web / Re: Marcadores en google maps
17 Mayo 2015, 00:54 AM
Presta atencion a los comentarios del codigo..
Solo tenes que comentarlo.. quedara algo asi..
Código (javascript) [Seleccionar]
...
// Si hay resultados encontrados, centramos y repintamos el mapa
// esto para eliminar cualquier pin antes puesto
var mapOptions = {
center: results[0].geometry.location,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($("#map_canvas").get(0), mapOptions);
...Solo tenes que comentarlo.. quedara algo asi..
Código (javascript) [Seleccionar]
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
$(document).ready(function() {
load_map();
$('#search').on('click', function(){
// Obtenemos la dirección y la asignamos a una variable
var address = $('#address').val();
// Creamos el Objeto Geocoder
var geocoder = new google.maps.Geocoder();
// Hacemos la petición indicando la dirección e invocamos la función
// geocodeResult enviando todo el resultado obtenido
geocoder.geocode({
'address': address
}, geocodeResult);
});
});
var map;
function load_map() {
var myLatlng = new google.maps.LatLng(20.68009, -101.35403);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($("#map_canvas").get(0), myOptions);
}
function geocodeResult(results, status) {
// Verificamos el estatus
if (status == 'OK') {
// Si hay resultados encontrados, centramos y repintamos el mapa
// esto para eliminar cualquier pin antes puesto
/*var mapOptions = {
center: results[0].geometry.location,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
*/
//map = new google.maps.Map($("#map_canvas").get(0), mapOptions);
// fitBounds acercará el mapa con el zoom adecuado de acuerdo a lo buscado
map.fitBounds(results[0].geometry.viewport);
// Dibujamos un marcador con la ubicación del primer resultado obtenido
var markerOptions = {
position: results[0].geometry.location
}
var marker = new google.maps.Marker(markerOptions);
marker.setMap(map);
} else {
// En caso de no haber resultados o que haya ocurrido un error
// lanzamos un mensaje con el error
alert("Geocoding no tuvo éxito debido a: " + status);
}
}
</script>
</head>
<body>
<h1>Testing Google Maps</h1>
<div>
<input type="text" maxlength="100" id="address" placeholder="Dirección" />
<input type="button" id="search" value="Buscar" />
</div>
<br/>
<div id='map_canvas' style="width:600px; height:400px;"></div>
</body>
</html> #200
Desarrollo Web / Re: Agregar Banner a ZenPhoto
10 Mayo 2015, 05:38 AM
No es cuestion de cambiar el theme, el cms en la forma que esta hecho segun viendo el source no da muchas opciones para costumizarlo..
Si utilizas el default(basic creo) leyendo en el foro existe un elemento que casi siempre esta presente en los archivos del theme y esta cerca del header..
/themes/basic/styles/light.css
o podes ir modificando los archivos del theme agregando tu imagen en el top, pero es molesto ya que tenes que modificar varios archivos..
Si utilizas el default(basic creo) leyendo en el foro existe un elemento que casi siempre esta presente en los archivos del theme y esta cerca del header..
/themes/basic/styles/light.css
Código (css) [Seleccionar]
/* Busca en el archivo esta linea debe ser 51 creo */
#gallerytitle {
border-bottom: 1px solid #E6E6DF;
padding-bottom: 14px;
margin-bottom: 20px;
background-image: url("https://i.imgur.com/uk0lEm1.jpg"); /* Tu banner */
padding-top: 150px; /* Le cambias el alto segun lo alto que sea la imagen */o podes ir modificando los archivos del theme agregando tu imagen en el top, pero es molesto ya que tenes que modificar varios archivos..