Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Problemas de "incompatibilidad" de códigos

Estas en el tema de Problemas de "incompatibilidad" de códigos en el foro de Jquery en Foros del Web. Hola a todos: Estoy usando dos códigos de Javascript : uno para el típico botón de "Subir" y otro para mostrar/ocultar capas. El problema es ...
  #1 (permalink)  
Antiguo 02/08/2014, 12:37
 
Fecha de Ingreso: septiembre-2002
Mensajes: 153
Antigüedad: 21 años, 7 meses
Puntos: 1
Problemas de "incompatibilidad" de códigos

Hola a todos:

Estoy usando dos códigos de Javascript: uno para el típico botón de "Subir" y otro para mostrar/ocultar capas.

El problema es que si pongo los dos en la misma página, se "pegan" entre ellos... y necesito ayuda para solucionarlo.

Por ejemplo, el botón de "Subir", que debería estar oculto hasta hacer scroll a la página se vé desde el principio y no funciona al clicar sobre él...

Los códigos son estos:

- Botón "Subir":

Código:
$(document).ready(function() {
	// BOTON OCULTO
	$("#botontop").hide();
	// DESVANECER COLOR
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 200) {
				$('#botontop').fadeIn();
			} else {
				$('#botontop').fadeOut();
			}
		});
	// SCROLL DEL BODY A 0PX AL CLICKAR
	$('#botontop a').click(function () {
		$('body,html').animate({
			scrollTop: 0
		}, 800);
		return false;
		});
	});		
});
- Ocultar/Mostrar capas:

Código:
function mostrarUno(){
	var ver = document.getElementById('ocultoUno');
	ver.className="mostrar";
	//classList.add AÑADE LA CLASE INDICADA
	//classList.remove QUITA LA CLASE INDICADA
	var esconder = document.getElementById('ocultoDos');
	esconder.className="ocultar";
	
	return false;
}

function mostrarDos(){
	var ver = document.getElementById('ocultoDos');
	ver.className="mostrar";
	
	var esconder = document.getElementById('ocultoUno');
	esconder.className="ocultar";
	
	return false;
}

function mostrarTodo(){
	
	var ver = document.getElementById('ocultoUno');
	ver.className="mostrar";
	
	var ver = document.getElementById('ocultoDos');
	ver.className="mostrar";
	
	return false;
}
Los dos códigos necesitan de la librería "jquery.min.js"...

Y, por desgracia, no estoy muy ducho en javascript...

Gracias a todos y un saludo por su tiempo:

Javy
  #2 (permalink)  
Antiguo 02/08/2014, 17:37
 
Fecha de Ingreso: septiembre-2002
Mensajes: 153
Antigüedad: 21 años, 7 meses
Puntos: 1
Respuesta: Problemas de "incompatibilidad" de códigos

Lo siento mucho... fallo mío... ya está solucionado...

Gracias a todos y un saludo:

Javy

Etiquetas: funcion, html, incompatibilidad, javascript, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:12.