Salto de linea despues de una imagen Cargada con XML

Citar

Escrito el 28 Feb 2006 10:05 pm

Hola que tal tengo un problema...

Tengo un archivo de XML que se carga dentro de una caja de texto dinamico el xml es algo parecido a esto:

Código :

<?xml version="1.0" encoding="UTF-8"?>
<prog_corporativos>
   <titulo>PLAN CORPORATIVO</titulo>
   <contenido><p><img src="images/aeromar1.gif" /><br />* Los boletos Beneficio incluyen únicamente tarifa, el beneficiario deberá cubrir el pago de contado tanto de la TUA (tarifa de uso de aeropuerto), como otros impuestos (cargos por servicios y seguridad).</p></contenido>
</prog_corporativos>

El problema que hay es que carga la imagen pero no da el salto de linea con el <br /> lo cual hace que que el texto se vea del lado derecho de la imagen letra por letra algo asi...

L
o
s

B
o
l
e
t
o
s

debido a que el ancho de la imagen es casi del ancho de la caja de texto......logicmante cuando el texto rebasa el alto de la imagen ya se ve normal pero pues las primeras letras se ven como se los ilustre arriba...

Si alguien tiene alguna solucion porfas se lo agradecere mucho me lo comuniquen saludos....[/code]

Por elessar

Claber

166 de clabLevel

Envíale un mensaje privado Web

Tabasco, México

Citar

Escrito el 28 Feb 2006 11:37 pm

Hola:
Yo también suelo cargar imagenes a cajas de texto con XML, pero yo lo hago algo así...
1ro el XML: pongo la estructura de mi XML así:

Código :

<?xml version='1.0' encoding='iso-8859-1'?>
<body>
   <titulo>Algun titulo</titulo>
   <subtitulo>Algun subtitulo</subtitulo>
   <img align='left' src='imagen.jpg' />
   <br /> <!-- esta linea tiene que hacer el salto -->
   <mainBody>todo el texto que necesito</mainBody>
</body>

2do Flash: cargo mi archivo xml anterior con un código asi:

Código :

var myStyle:TextField.StyleSheet = new TextField.StyleSheet();
myStyle.load("miCSS.css");
nota_txt.styleSheet = myStyle;
nota_txt.multiline = true;
nota_txt.wordWrap = true;
nota_txt.html = true;
var story:XML = new XML();
story.sendAndLoad("archivo.xml");
story.ignoreWhite = true;
story.onLoad = function(exito) {
   if (exito) {
      nota_txt.htmlText = story;
   } else {
      nota_txt.htmlText = "<b>¡Error!</b>";
   }
};

Como te daras cuenta, cargo un archivo CSS el cual es el que le va a dar el formato al contenido del XML.

3ro el CSS: tengo un archivo con este código:

Código :

titulo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: block;
}
subtitulo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  display: block;
}
mainBody {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  display: block;
}

Espero te sirva, cualquier duda, por aca andamos, Suerte! :wink:

Por master_of_puppetz

Claber

2483 de clabLevel

7 tutoriales
3 articulos

Genero:Masculino Premio_Secretos

Envíale un mensaje privado Web

WebDev (Flex + PHP + JS)

@rando85

Citar

Escrito el 01 Mar 2006 12:04 am

bueno pos la facil

Código :

function HTMLformat(str:String):String {
   str = str.split("<br />").join("<br>");
        return str;
}

Salu2

Por bipsa

628 de clabLevel

1 tutorial
1 articulo

Genero:Masculino

Envíale un mensaje privado Email Web

Colombia

Citar

Escrito el 01 Mar 2006 04:57 am

No te entendi muy bien bipsa y gracias master_of_puppetz el problema que tengo es que no puedo manejar esa estructura ya que son varias imagenes las qeu pueden ir en el archivo de xml y aparte segun las actualizara el cliente,,

Por elessar

Claber

166 de clabLevel

Envíale un mensaje privado Web

Tabasco, México

Citar

Escrito el 01 Mar 2006 03:19 pm

La solución que te da master_of_puppetz, es mucho mejor, trabajar con CSS, etc, etc, etccc............

el problema que tengo es que no puedo manejar esa estructura ya que son varias imagenes las qeu pueden ir en el archivo de xml

Pero esa estructura es modificable, al igual que el código de Flash, por ejemplo...

Código :

<?xml version='1.0' encoding='iso-8859-1'?>
<Articulos>
<Articulo id=1>
   <titulo>Algun titulo</titulo>
   <subtitulo>Algun subtitulo</subtitulo>
   <img align='left' src='imagen.jpg' />
   <br /> <!-- esta linea tiene que hacer el salto -->
   <mainBody>todo el texto que necesito</mainBody>
</Articulo>
<Articulo id=2>
   <titulo>Algun titulo</titulo>
   <subtitulo>Algun subtitulo</subtitulo>
   <img align='left' src='imagen.jpg' />
   <br /> <!-- esta linea tiene que hacer el salto -->
   <mainBody>todo el texto que necesito</mainBody>
</Articulo>
</Articulos>

Por Altrix

156 de clabLevel

Envíale un mensaje privado

Cuba, Ciudad de la Habana

Citar

Escrito el 01 Mar 2006 10:00 pm

Una pregunta: sirve usando sendAnsLoad?? porque a mi me sirvio usando load (elXml.xml).....

Puedo usar un archivo xml con varios childNodes adentro del nodo principal pero desplegar en un campo solo un nodo a la vez

En vez de hacer por ejemplo, para 10 noticias 10 xml, un xml con 10 nodos, pero como hago para que solo agarre un nodo?

Por comicSans

Claber

151 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 02 Mar 2006 02:01 pm

Si en este caso es con load(), sendAndLoad() es para recogerlo de un script ejecutado en el server (PHP, ASP, etc). Si puedes usar un XML con varios childNodes dentro del nodo principal (no tienes que tener 10 XML). childNodes es una matriz, por ende puedes acceder a cada uno de ellos por un índice (empieza en 0), por ejemplo:
1- Coge el CSS que dan arriba, y guárdalo.
2- Pon este código:

Código :

var xml:XML = new XML("<Articulos><Articulo id='1'><titulo>Algun titulo</titulo><subtitulo>Algun subtitulo</subtitulo><img align='left' src='imagen.jpg' width='100' height='100'/><br /> <!-- esta linea tiene que hacer el salto --><mainBody>todo el texto que necesito</mainBody></Articulo><Articulo id='2'><titulo>Algun titulo</titulo><subtitulo>Algun subtitulo</subtitulo><img align='left' src='imagen.jpg' width='100' height='100'/><br /> <!-- esta linea tiene que hacer el salto --><mainBody>todo el texto que necesito</mainBody></Articulo></Articulos>");

var myStyle:TextField.StyleSheet = new TextField.StyleSheet();
myStyle.load("miCSS.css");

this.createTextField("nota_txt", 0, 10, 10, 500, 0);
nota_txt.styleSheet = myStyle;
nota_txt.autoSize = "center";
nota_txt.multiline = true;
nota_txt.wordWrap = true;
nota_txt.border = true;
nota_txt.html = true;
nota_txt.htmlText = xml.firstChild.childNodes[1];

3-Todo bien, menos que no hace el salto de línea aunque ponga <br>.

Por Altrix

156 de clabLevel

Envíale un mensaje privado

Cuba, Ciudad de la Habana

Salto de linea despues de una imagen Cargada con XML

Escribe una respuesta rapida