Comunidad de diseño web y desarrollo en internet online

Estilos css junto a XML o loadVars

Citar            
MensajeEscrito el 17 May 2005 04:02 pm
Hola estoy intentado juntar estas dos cosas...es decir en un campo de texto dinamico q cargo un xml externo le apliq un estilo css!!! Uf!!!

Wno les comento mi experiencia en codigos.

var miCSS = new TextField.StyleSheet(); //creo el new css
var cssURL = "estilos.css"; //le digo donde se encuntra
miTexto = "<p class='Estilo1'>Texto con el Estilo1 aplicado</p>";
miCSS.load(cssURL);//lo cargo

var obj_xml:XML = new XML();
obj_xml.ignoreWhite = true;
obj_xml.onLoad = function(exito) {
if (exito) {
asunto_txt.text = obj_xml.firstChild.childNodes[0].firstChild.nodeValue;
} else {
cuerpo_txt.text = "Error";
}
};
function cargarXML() {
obj_xml.load("Datos.xml");
}
//Creamos la funcion
miCSS.onLoad = function() {
asunto_txt.styleSheet = miCSS;
asunto_txt.text = miTexto;
};


Donde me piero es donde tengo q poner el codico para q el campo de texto asunto_txt me coja el estilo...A ver si a alguien se le ocurre

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 May 2005 09:47 am
Pues aunque puede parecer lógico, mira que tu campo de texto dinámico esté establecido como html para que funcione la CSS.

El script parece correcto, y el estilo queda aplicado (supuestamente) en la línea:

asunto_txt.styleSheet = miCSS;

pero quizás primero tendrás que formatear el campo de texto, y por último cargar el css, es decir que:

1.- creas un nuevo campo de texto de estilos (StyleSheet)

2.- creas la function onload...

3.- cargas la hoja mihoja.load("micss.css");

y por si acaso, no se si es determinante, usa .htmlText en vez de .text para asignar el texto con formato html

:wink:

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

firefox
Citar            
MensajeEscrito el 18 May 2005 02:53 pm
Pues no hay formar :( :( .

var miCSS = new TextField.StyleSheet(); //creo el css
miCSS.onLoad = function() { //funcion onload
asunto_txt.styleSheet = miCSS;
asunto_txt.text = asunto_txt;
};
var cssURL = "estilos.css"; //cargo el estilo
var obj_xml:XML = new XML();
obj_xml.ignoreWhite = true;
obj_xml.onLoad = function(exito) {
if (exito) {
asunto_txt.htmlText = obj_xml.firstChild.childNodes[0].firstChild.nodeValue;
} else {
asunto_txt.htmlText = "Error";
}
};
function cargarXML() {
obj_xml.load("Datos.xml");
}

y con esto ni si quiera me carga!!
:( :( a ver si alguien ve el error porfavor.

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 May 2005 09:22 am
1.- el xml tiene que estar en el mismo lugar que el swf
2.- sólo podrás usar el flash player 7, ya que anteriormente(v6,v5) no se admitian hojas de estilo.
3.- mírate lagún ejemplo o tutorial de aquí, y compara el código con el tuyo, a ver si ves alguna diferecia, o mejor aun, adapta el codigo del ejemplo a tu trabajo, que sabes que ya funciona.

4.- Pues, no sé..... :lol:

:wink:

Elecash tiene algún ejemplo hecho por ahí, pero aunque lo he buscado no logro encontrarlo, en fin si lo encuentro te lo digo.

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

firefox
Citar            
MensajeEscrito el 19 May 2005 09:52 am
A ver si lo ecuentras porfi, o a ver si elcalash me puede echar una mano... pq tio me esta volbiendo loco!!! e repasado mil veces los codigos y los e intenado adaptar pero nada de nada!!!

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 May 2005 11:30 am
Aquí tienes el ejemplo, espero que te sea útil.

http://www.elecash.org/blog/descargas/xmlycss.zip

Deu!! ^^

Por Elecash

Claber

8126 de clabLevel

37 tutoriales
19 articulos
13 ejemplos

  Bastard Operators From Hell Desarrollador de GAIA Premio_Secretos Héroes

BarnaCity

clabbrowser
Citar            
MensajeEscrito el 20 May 2005 09:13 am
Muchas gracias a primera vista el problema q tenia era la forma q trataba el xml. Luego probare a ver q tal va la cosa pero muchisimas gracias!

Por carter15

73 de clabLevel



 

firefox
Citar            
MensajeEscrito el 21 May 2005 03:42 pm
Wno despues de estar 2 dias dandole q le pego no e conseguido NADA! :( . Espero q me puedan ayudar, les explico un poco tengo mi xml:

<curriculum>
<Titulo><p class="titulo">Curriculum</p></Titulo>
<encabezado><p class="negrita">holagndongofdngodfngpodfgj</p></encabezado>
<contexto><p class="texto">sotfjsreltfosrjo</p></contexto>
</curriculum>

despues tengo mi css :

.titulo {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #660000;
}
.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.negrita {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.codigo {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000084;
}
.codtxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0000FF;
}
a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399
}

a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000
}

y por ultimo tengo la implemntacion q le hago al flash:

var obj_xml:XML = new XML();
obj_xml.ignoreWhite = true;
obj_xml.onLoad = function() {
//Variable para contener la css
var miCSS = new TextField.StyleSheet();
//cargando la css
miCSS.onLoad = function() {
//los textos donde se tiene que colocar
nombre.text = obj_xml.firstChild.childNodes[0].firstChild.nodeValue;//primer texto q se coloca en el campo de texto nombre
encabezado.text = obj_xml.firstChild.childNodes[1].firstChild.nodeValue; //....campo de texto encabezado
contexto.text = obj_xml.firstChild.childNodes[2].firstChild.nodeValue;//....campo de texto contexto
};
};
function cargarXML() {
obj_xml.load("curriculum.xml");
}
cargarXML();
//Para Modificar los componentes utilizamos estas propiedades.
contexto.setStyle("backgroundColor", "#253a58");
//contexto.setStyle("borderColor", "0x00FF00");
//contexto.setStyle("borderStyle", "outset");
//contexto.setStyle("color", "0x0000FF");
//contexto.setStyle("disabledColor", "haloOrange");
//contexto.setStyle("fontFamily", "Arial");
//contexto.setStyle("fontSize", "12");
//contexto.setStyle("fontStyle", "italic");
//contexto.setStyle("fontWeight", "bold");
//contexto.setStyle("highlightColor", "0x0FF000");
//contexto.setStyle("marginLeft", "5");
//contexto.setStyle("marginRight", "5");
//Cargar Imagen con ProgressBar
attachMovie("ProgressBar", "barracarga", 2);
mi_foto.loadMovie("toni.jpg");
barracarga.direction = "Rigth";
barracarga.conversion = 1024;
barracarga.label = "Cargando %1kb de %2kb";
barracarga.labelPlacement = "top";
barracarga.mode = "polled";
barracarga.source = mi_foto;
barracarga.move(10, 80);
alCargar = new Object();
alCargar.progress = function(evento) {
barracarga.setProgress(getBytesLoaded, getBytesTotal);
};
alAcabar = new Object();
alAcabar.complete = function(evento) {
removeMovieClip(barracarga);
};
barracarga.addEventListener("progress", alCargar);
barracarga.addEventListener("complete", alAcabar);

en esta implmentacion q es en lo q doy con la tecla me faltaria decirle q los campos de texto nombre encabezado y contexto = a miCSS o algo asi y por ultimo cargar la css con
miCSS.load ("estilo.css");

uff despues de todo este royo ( q espero q alguien lo lea) a ver si me pueden ayudar y decirme donde estan mis errores q seguro q son mucho.GRACIAS.

Por carter15

73 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.