galerinha trabalho com mobile e estamos fazendo um aplicativo wap… eu estou fazendo o layout e estou testando-antes de colocar no celular- no firefox… esse é o meu xsl:
[code]<?xml version="1.0" encoding="ISO-8859-1"?>http://www.w3.org/1999/XSL/Transform ” version=“1.0”>MOBILE
<xsl:variable name="url">
<xsl:value-of select="URL"/>
</xsl:variable>
<xsl:variable name="imglink">
<xsl:text>resourcesWap/mobile/176/images/</xsl:text>
</xsl:variable>
<body>
<p style="background-color:#bebebe">
<img src="{$imglink}/logo.png" alt="mobile"/>
<b><span style="color:#FFFFFF;font-family:SansSerif"><small>Você está em:</small></span></b>
<b><span style="color:#FFFFFF;font-family:SansSerif"><small>EXTRATO CDB</small></span></b>
</p>
<p><small><b>Selecione um investimento:</b></small></p>
<small><b>Boleto Emissão Resgate Valor Liq.</b></small>
<img src="{$imglink}/linha.png" alt="linhatri"/>
<xsl:for-each select="lancamentosCBD">
<xsl:if test="boleto != ''">
<p>
<small><a href="{$url}MobileServer/wap?transaction=ExtratoDetalhe&nextForm=extrato.xsl&cdBoleto={boleto}')"><xsl:value-of select="boleto"/></a> <xsl:value-of select="emissao"/> <xsl:value-of select="resgate"/> <xsl:value-of select="valorLiq"/></small>
</p>
<img src="{$imglink}linha.png" alt="linhatri"/>
</xsl:if>
</xsl:for-each>
<p><a href="javascript:history.back(-1)"><img src="{$imglink}/bt_voltar_on.png"/></a></p>
</body>
[/code]
dúvida nessa linha:
<small><b>Boleto Emissão Resgate Valor Liq.</b></small>é tudo na mesma linha… mas preciso q tenha um espaço maior entre as palavras…alguém sabe como posso colocar o espaço??
obrigada
zoren
Julho 22, 2010, 12:29pm
#3
Com o uso de CSS você consegue fazer isso
é só você utilizar a propriedade word-spacing e colocar um valor em pixel que será o tamanho do espaço
p {
word-spacing: 20px;
}
ou
<p style="word-spacing:20px">Exemplo de espaçamento entre paravras</p>No site abaixo explica melhor
oi obrigada consegui colocar o espaçp que precisava, só tem um problema, qdo tento colocar em linha assim:
<a href="{$url}MobileServer/wap?transaction=ExtratoDetalhe&nextForm=extrato.xsl&cdBoleto={boleto}')"> <xsl:value-of select="boleto"/></a> <xsl:value-of select="emissao"/> <xsl:value-of select="resgate"/> <xsl:value-of select="valorLiq"/></small>não funciona,tem alguma ideia de como posso fazer?
zoren
Julho 22, 2010, 3:16pm
#6
[quote=Lita Mclean]oi obrigada consegui colocar o espaçp que precisava, só tem um problema, qdo tento colocar em linha assim:
<a href="{$url}MobileServer/wap?transaction=ExtratoDetalhe&nextForm=extrato.xsl&cdBoleto={boleto}')"> <xsl:value-of select="boleto"/></a> <xsl:value-of select="emissao"/> <xsl:value-of select="resgate"/> <xsl:value-of select="valorLiq"/></small>não funciona,tem alguma ideia de como posso fazer?[/quote]
Bom, eu nunca tinha visto xsl, mas achei bem bacana
Eu tentei rodar no IE e ele disse q faltava um ponto e vírgula na sua url
Observando seu código eu notei que para acessar variáveis você usa &nomedavariavel
na sua URL você usou o & para passar mais de um parâmetro pela URL, mas o xsl reconheceu como uma variável.
A solução é você usar a entidade html que representa o & na sua url
<a href="{$url}MobileServer/wap?transaction=ExtratoDetalhe&amp;nextForm=extrato.xsl&amp;cdBoleto={boleto}')"> <xsl:value-of select="boleto"/></a>Se o problema for esse, acho que isso resolve.
Não sei como roda isso, mas com essa alteração aqui, o conteúdo do arquivo foi exibido no navegador
<small><a href="{$url}MobileServer/wap?transaction=ExtratoDetalhe&nextForm=extrato.xsl&cdBoleto={boleto}')"><xsl:value-of select="boleto"/></a> <xsl:value-of select="emissao"/> <xsl:value-of select="resgate"/> <xsl:value-of select="valorLiq"/></small>esta assim o meu codigo… mas acho q não é esse o erro pois se tiro esse a href, qdo vou testar no browser ele continua deixando tudo junto, não separa os valores…
zoren
<p style="word-spacing:2px">coloquei dentro do small:
<small style="word-spacing:2px">assim separou…
Obrigada!
