English Deutsch Français Italiano Español Português 繁體中文 Bahasa Indonesia Tiếng Việt ภาษาไทย
Todas las categorías

como cambiar la hoja de estilos a las etiquetas HTML con javascript

2006-09-17 16:43:58 · 3 respuestas · pregunta de Anonymous en Ordenadores e Internet Programación y Diseño

3 respuestas

casualmente estoy haciendo eso

Crea los class necesarios en las hojas de estilos.

A la porción que le va a cambiar el estilo marcalas como

ahora, cuando suceda el evento con el que va a cambiar la hoja de esstilos, pon el codigo javascript.

var x = document.getElementById("texto1");
x.className="tuclase2";

y listo

2006-09-17 17:40:07 · answer #1 · answered by Oskr L 5 · 0 0

si quieres cambiar hoja de estilo al click en un enlace mi recomendacion es de crear una hoja .js externa con las siguentes funciones:
******************
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}

function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}

function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}

window.onload = function(e) {
var title =getPreferredStyleSheet();
setActiveStyleSheet(title);
************************
por ejemplo si quieres cambiar el tamano de texto en la hoja Html
a
javascript:setActiveStyleSheet('medium');" title="Cambiar a tamaño de texto normal">A A+
Y esto es todo

2006-09-17 22:10:19 · answer #2 · answered by Ana 6 · 0 0



algo


algo

codigo javascrip

2006-09-17 17:00:04 · answer #3 · answered by Anonymous · 0 0

fedest.com, questions and answers