Marques GLU plus atomiques

Introduction

Des problèmes de structure HTML ont été constatés sur les pages du service d'annotations : tag body apparaissant deux fois et ne s'ouvrant pas au bon endroit, ... Ceci est du à l'utilisation de marques GLU pour l'en-tête et le pied de page au sein de pages html déjà structurées avec les tags head et body. Pour simplifier l'intégration de telles marques GLU, je propose une définition de nouvelles marques plus atomiques.

Proposition

CDS.headStuff

Paramètres : aucun

<link rel="stylesheet" type="text/css" href="<&CDSheadU>CDShead.css">
<script type="text/javascript" src="<&CDSheadU>CDSmenu.js"></script>
<link type='application/rss+xml' rel='alternate' href='http://cds.u-strasbg.fr/news/rss.php' title='all CDS news'>
<meta name="keywords" content="CDS, astronomy data center, centre de donnees astronomiques, astronomie, Strasbourg">

CDS.headArea (CDS.head2)

Paramètres :

• $1: titre de la page

<div id='CDSnomenuappli'>
    <img src="<&CDSheadU>plus.gif" onclick="CDSshowhead(); return false;"
    title="show menu" class='CDSmenubutton' alt='show menu'>
</div>
<div id="CDShead" class="CDSbgcol3 CDScol4">
    <table cellspacing='0' cellpadding='0' >
        <tr>
            <td  class='itemcds'>
                <div onclick="CDSgo('<&CDS.home,u>')" class='itemcds'>
                <img src="<&CDS.logo,u>" alt="CDS Home Page" title="CDS Home Page">
                </div>
            </td>
            <td class='tdmenu'>
                <div class="menu"><&CDS.menu2 '$2'></div>
            </td>
            <td class='fond CDSbgcol3'>&nbsp;</td>
        </tr>
        <tr class='barre CDScol3 CDSbgcol4' style='background: url(<&CDSheadU>CDSbarre.jpg)'>
            <td colspan=3>
                <div class='portal'><!--&CDS.portal--></div>
                <div class='title'>$1</div>
            </td>
        </tr>
    </table>
</div>

CDS.beginMain

Paramètres : aucun

<div id='CDSmain'>

CDS.endMain

Paramètres : aucun

</div>

CDS.tailArea

Paramètres :

• $1: sujet du mail à question

<div id='CDStail' class="CDSbgcol4 CDScol3">
    <div style='float:left;'>$2</div>
    <style type="text/css">
        #CDStail { padding-left:0.5em;}
        #CDStail img{ vertical-align: middle; border:0px; }
    </style>
    <div style='float:right'>
        <span style='font-size: smaller;'>&copy;UDS/CNRS</span>
        &nbsp;Contact:&nbsp;<a href="<&Question,u '$1'>"><img src="<&Envelop.icon,u>" align="middle" border="0" alt="Question@simbad"></a>
    </div>
    <div style='color:blue;clear:both'></div>
</div>

-- BriceGassmann - 31 May 2010