Re: [docbook-apps] SVG admonitions for browsers.

From
&#k52;enn@&#k72;ls&#k62;nN&#k6r;&#k62;l.pom
Date
2010-03-26T17:30:30+00:00
ID
Thread
Re: [docbook-apps] SVG admonitions for browsers.
Bob,

Do the HTML admonitions use an imagedata? In my testing I could not get an 
object wrapper on the HTML admons without resorting to changes in the template, 
even using "use.embed.for.svg ". 
So I am assuming that only applies to imagedata objects 
and not admons?

 

Regards,

Dean Nelson

 

In a message dated 3/26/2010 8:48:00 A.M. Pacific Daylight Time, 
 writes:

  
This will work, and will give you complete control over the object 
  parameters.  But the HTML stylesheets will automatically generate an 
  object element for imagedata elements whose format attribute is set to 
  "SVG".  For details, see:

  
 

  
http://www.sagehill.net/docbookxsl/SVGimages.html#SvgHtml

  
 

  
Bob Stayton
Sagehill Enterprises


  
 

  
 

  
    
----- Original Message ----- 

    
From: 
     

    
To:  
    ;  ;  
    

    
Sent: Thursday, March 25, 2010 11:34 
    AM

    
Subject: Re: [docbook-apps] SVG 
    admonitions for browsers.

    

    
Xuan,

    
 

    
You will need to embed the <img> into an <object>. To do 
    this you will need to copy the template called "graphical.admonition" from 
    the admon.xsl in the html directory to your own customization layer.

    
 

    
Then look for the following lines:

    
          <img 
    alt="[{$alt}]">
            
    <xsl:attribute 
    name="src">
              
    <xsl:call-template 
    name="admon.graphic"/>
            
    </xsl:attribute>
          
    </img>

    
and change it to something like (this is untested code):

    
 

    
 

    
<object type="image/svg+xml" width="80" class="img">

    
            
    <xsl:attribute 
    name="data">
              
    <xsl:call-template 
    name="admon.graphic"/>
            
    </xsl:attribute>
          
    <img 
    alt="[{$alt}]">
            
    <xsl:attribute 
    name="src">
              
    <xsl:call-template 
    name="admon.graphic"/>
            
    </xsl:attribute>
          
    </img>
</object> 

    
 

    
This will allow FF to load SVG as an external file. You may need to add 
    some extra code to detect when you are actually using SVG files and extra 
    code to set the size of the image since it is hardcoded.

    
 

    
Regards,

    
Dean Nelson

    
 

    
 

    

    
In a message dated 3/25/2010 8:49:09 A.M. Pacific Daylight Time, 
     writes:

    
      

      
In your param.xsl file, copy and modify the 
      following lines :

      
 

      
<xsl:param 
      name="admon.graphics.extension">.png</xsl:param>

      
<xsl:param name="admon.graphics" 
      select="0"/>

      
<xsl:param 
      name="admon.graphics.path">images/</xsl:param>

      
<xsl:param name="admon.textlabel" 
      select="1"/>

      
 

      
to 

      
<xsl:param 
      name="admon.graphics.extension">.svg</xsl:param>

      
<xsl:param name="admon.graphics" 
      select="1"/>

      
<xsl:param 
      name="admon.graphics.path">images/</xsl:param> (default 
      images/ or 
      your_path/ 
      )

      
<xsl:param name="admon.textlabel" 
      select="1"/>

      
 

      
 

      
 

      
 

      
Cordialement,

      
 

      
____________________________________________

      
Christopher COMPAGNON

      
AXA GROUP SOLUTIONS - Procurement, BI 
      Supply

      
Département Solutions Business 
      Intelligence

      
Domaine BI France - Reporting 
      Opérationnel

      
(  01 44 45 04 16 (55 04 16) 
      

      
E-mail: 
      

      
____________________________________________

      
Pensez à l'environnement avant d'imprimer ce 
      message

      
 

      
 

      
-----Message d'origine-----
De : Xuan Ngo 
      [mailto:] 
Envoyé : mercredi 24 mars 2010 
      19:39
À : Docbook Appz; Compagnon Christopher
Objet : RE: 
      [docbook-apps] SVG admonitions for browsers.

      
 

      
Sorry, maybe I wasn't 
      clear.

      
When I was referring to admonitions, I was 
      referring to <warning>, <note> and <tip> 
      tags.

      
 

      
I know that by using <mediaobject>, it works 
      correctly with Firefox. I want  <warning>, <note> and 
      <tip> tags to appear in Firefox as SVG.

      
 

      
How would I do that?

      
 

      
Xuan.

      
 

      
 

      
--- On Wed, 3/24/10, Compagnon Christopher 
      <> 
      wrote:

      
 

      
> From: Compagnon Christopher 
      <>

      
> Subject: RE: [docbook-apps] SVG admonitions 
      for browsers.

      
> To: "Xuan Ngo" <>, 
      "Docbook Appz" 
      <>

      
> Received: Wednesday, March 24, 2010, 11:54 
      AM

      
> Hi,

      
> 

      
> To generate image object with docbook, test 
      with :

      
> 

      
> 
      <mediaobject>

      
> 
      <imageobject>

      
> <imagedata fileref="img/my_image.svg" 
      format="SVG"/>

      
> 
      </imageobject>

      
> 
      </mediaobject>

      
> 

      
> Does it work ?

      
> 

      
> Cordialement,

      
> 

      
> 
      ____________________________________________

      
> Christopher 
      COMPAGNON

      
> AXA GROUP SOLUTIONS - Procurement, BI 
      Supply

      
> Département Solutions Business 
      Intelligence

      
> Domaine BI France - Reporting 
      Opérationnel

      
> (  01 44 45 04 16 (55 04 16) 
      

      
> E-mail: 
      

      
> 
      ____________________________________________

      
> Pensez à l'environnement avant d'imprimer ce 
      message

      
>  

      
> 

      
> -----Message 
      d'origine-----

      
> De : Xuan Ngo 
      [mailto:]

      
> 

      
> Envoyé : mercredi 24 mars 2010 
      16:44

      
> À : Docbook 
      Appz

      
> Objet : [docbook-apps] SVG admonitions 
      for browsers.

      
> 

      
> I'm generating HTML out of docbook and SVG 
      admonitions are

      
> generated as <img>. This causes the 
      Firefox to not

      
> render the svg.

      
> 

      
> Is there a way to generated svg admonitions 
      like it did for

      
> 
      <mediaobject>?

      
> 

      
> Xuan.

      
> 

      
> 

      
>     
       

      
> 
      __________________________________________________________________

      
> Looking for the perfect gift? Give the gift 
      of Flickr! 

      
> 

      
> 
      http://www.flickr.com/gift/

      
> 

      
> 

      
> 
      ---------------------------------------------------------------------

      
> To unsubscribe, e-mail: 
      

      
> For additional commands, e-mail: 
      

      
> 

      
> 

      
 

      
 

      
      
      __________________________________________________________________

      
Make your browsing faster, safer, and easier with 
      the new Internet Explorer® 8. Optimized for Yahoo! Get it Now for Free! at 
      http://downloads.yahoo.com/ca/internetexplorer/