ho creato tre select dove scelgo colore, font e colore del font.
una volta fatto questo ho un pulsante invia che dovrebbe aprire un'altra pagina prendendo i valori scelti passandoli a un div di quetsa pagina.
in pratica devo costruire un css da passare ad alcuni tag di un'altra pagina.
questo è il jquery per impostare il colore (nn è obbligatorio usare questo):
codice:
// funzione per modificare colore
$(document).ready(function(){
$(".bg1").click(function(){
$("li").css('background-image','url(images/1.bmp)');
});
$(".bg2").click(function(){
$("li").css('background-image','url(images/2.bmp)');
});
$(".bg3").click(function(){
$("li").css('background-image','url(images/3.bmp)');
});
});
// funzione per modificare font
$(document).ready(function(){
$(".font1").click(function(){
$("li").css('font-family','Tahoma');
});
$(".font2").click(function(){
$("li").css('font-family','Comic Sans MS');
});
$(".font3").click(function(){
$("li").css('font-family','Times New Roman');
});
});
// funzione per modificare colore caratteri
$(document).ready(function(){
$(".cfont1").click(function(){
$("li").css('color','red');
});
$(".cfont2").click(function(){
$("li").css('color','yellow');
});
$(".cfont3").click(function(){
$("li").css('color','orange');
});
});
a questo punto dovrei mettere su una funzione che passa i valori all'altra pagina.
come vedete l'unico tag che vado a colpire è li.
ho fatto una piccola funzione ma nn riesco poi ad adattarla al mio problema:
codice:
function createCSS() {
var str = "#myStyle{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); opacity: 0.6;}";
var pa = document.getElementsByTagName('head')[0] ;
var el = document.createElement('style');
el.type = 'text/css';
el.media = 'screen';
if(el.styleSheet) {
el.styleSheet.cssText= str;// IE method
} else {
el.appendChild(document.createTextNode(str));// others
}
pa.appendChild(el);
var bt= document.getElementsByTagName('div')[0];
bt.id = "myStyle";
}