Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide

code HTML de Nemo

1 réponse
Avatar
Julien Arlandis
[code]
<!DOCTYPE HTML>
<html>
<head>
<title>Nemo : Accès aux Newsgroups</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.2.custom.min.css"
/>

<script src="js/jquery/jquery-2.0.3.min.js"></script>
<script src="js/jquery/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/lib.jntp.js"></script>
<script src="js/nemo.js"></script>

</head>
<body>

<div id="leftnav">

<div id="authentification">
<div class="title">Authentification</div>
<div class="content">
<form id="form_authentification" name="form_authentification">
<input id="user" type="text" placeholder="Entrez votre login"
autocomplete="on" required>
<input id="password" type="password" placeholder="Entrez votre mot de passe"
required onkeypress="if(event.keyCode==13) authentification();;">
<input id="auth" type="submit" value="Go"><br>
</form>
<input id="inscription" type="button" value="Inscription">
</div>
</div>


<div id="historique" style="display:none">
<div class="title">Historique</div>
<div id="articles_send">Articles envoyés</div>
<div id="articles_brouillon">Brouillons ()</div>
</div>


<div id="favoris">
<div class="title">Favoris</div>
<div class="content">
<input id="search_newsgroup" type="text" size="20" placeholder="Rechercher des
groupes" >
<div id="mynewsgroups"></div>
<hr>
<div id="mynewsgroups_more"></div>
</div>
</div>

<div id="navigation_newsgroups" style="display:none">
<div class="title">Navigation dans les newsgroups</div>
<div id="hierarchies"></div>
<div id="newsgroups"></div>
</div>

</div>


<div id="rightnav">


<div id="top">
<div id="logo">&nbsp;</div>
<span data-info="Afficher la console" id="active_console">&nbsp;</span>
<div id="deconnexion" style="display:none">
<div id="deconnect">&nbsp;</div>
<span id="message_accueil"></span>
</div>

<input id="new_sujet" type="button" value="Nouveau sujet">
<input id="parametres" type="button" value="Préférences">
<input id="recherche_article" type="button" value="Rechercher">
<input id="faq_nemo" type="button" value="FAQ">
<span id="chargement" style="display:none">&nbsp;</span>

</div> <!--top-->


<div id="liste_article">
<div class="fil_header">
<div id="tree" class="header tree"> <div>&nbsp;</div> </div>
<div id="Subject" class="header order subject none"><div>Sujet</div></div>
<div id="FromName" class="header order from
none"><div>Expéditeur</div></div>
<div id="InjectionDate" class="header order date none"><div>Date</div></div>
<div id="trilu" class="header order trilu"><div>&nbsp;</div></div>
<div id="attach" class="header attach"><div>&nbsp;</div></div>
</div>
<div id="fil"></div>
</div>

<div class="separateur">&nbsp;</div>

<div id="article">
<div id="article_header">
<input id="ban_article" type="button" value="Banir" style="display:none">
<input id="supprimer_article" type="button" value="Annuler"
style="display:none">
<input id="modifier_article" type="button" value="Modifier"
style="display:none">
<div id="article_deleted" style="display:none">Article supprimé</div>
<input id="repondre" type="button" value="Répondre">
<input id="view_source" type="button" value="Voir source">
<input id="hide_source" type="button" value="Cacher la source"
style="display:none">
<div><span class="champ_article">De </span><span class="champ_value"
id="article_from"></span></div>
<div><span class="champ_article">Sujet </span><span class="champ_value"
id="article_subject"></span></div>
<div><span class="champ_article">Date </span><span class="champ_value"
id="article_date"></span></div>
<div><span class="champ_article">Groupes </span><span class="champ_value"
id="article_newsgroup"></span></div>
<div id="article_header_fu2" style="display:none"><span
class="champ_article">Faire suivre </span><span class="champ_value"
id="article_fu2"></span></div>
<div><span class="champ_article">Poids </span><span class="champ_value"
id="article_size"></span>&nbsp;
<span id="voir_references">Voir les références</span>&nbsp;
<span id="delete_citations" style="display:none">Voir moins de
citations</span>&nbsp;
<span id="revoir_citations" style="display:none">Voir toutes les
citations</span>&nbsp;
</div>
<div id="voir_supersede" class="supersede" style="display:none">Cet article a
été modifié</div>
<div id="article_certification">&nbsp;</div>
<div id="references"></div>

<pre id="article_source" style="display:none;"></pre>
</div>
<div id="article_body"> </div>
</div>

<div id="footer"><span id="nemo_version"></span></div>

</div> <!-- rightnav -->

<div id="content_console" style="display:none" title="Console">
<pre id="log"></pre>
<input id="console" type="text" onkeypress="if(event.keyCode==13)
JNTP.exec_command();"/>
<div class="console_options">
<input id="req_client" type="checkbox" checked> Voir les requêtes du client
&nbsp;&nbsp;&nbsp;
<input id="req_serveur" type="checkbox" checked> Voir les requêtes du serveur
&nbsp;&nbsp;&nbsp;
<input id="refresh_article" type="checkbox" checked> Désactiver les requêtes
périodiques
</div>
</div>

<div id="box_inscription" style="display:none" title="Inscription sur Nemo">
<h1>Condition d'accès</h1>
Nemo est un service innovant en cours de construction qui permet d'accéder aux
newsgroups depuis le navigateur. <p>
Pour avoir un accès Beta testeur en écriture, il vous suffit d'effectuer une
demande d'ouverture de compte auprès de l'administrateur du service à
l'adresse julien.arlandis@laposte.net, précisez bien votre identité ainsi que
le nom d'utilisateur désiré. Le mot de passe vous sera envoyé en retour. <p>
Ce service fourni gracieusement est en plein chantier, de nombreuses mises à
jour sont à prévoir régulièrement. À ce titre nous ne sommes pas en mesure
de garantir pendant cette phase la continuité de ce service, nous vous
demandons de bien vouloir faire remonter les bogues éventuels que vous
rencontrerez pendant son utilisation.

<h1>Abus et refus d'accès</h1>
Le moindre abus à ce service entrainera le suppression définitive du compte.
Pour éviter les abus, nous vous suggérons de vous informer sur les usages de
usenet à l'adresse suivante : <a
href="http://www.usenet-fr.net/fr-chartes/index.html">http://www.usenet-fr.net/fer-chartes/index.html</a>
<p>
</div>


<div id="config_nemo" style="display:none" title="Configuration de Nemo">

<div>
<span>Serveur JNTP : </span> <input type="text" id="host_jntp"
style="width:300px;" value="http://devnews.julien-arlandis.fr" >
</div>

<hr>

<div>
<span>Expéditeur : </span> <input type="text" id="fromname"
style="width:300px;">
</div>

<div>
<span>Email : </span> <input type="text" id="frommail" style="width:300px;">
</div>

<div>
<span>Signature : </span> <br><textarea id="signature"
style="width:500px;"></textarea>
</div>

<hr>

<div>
<input style="float:right" id="generate_secret_key" type="button"
value="Générer une nouvelle clé">
<span>Cette clé permet de générer une empreinte sur vos articles pour
authentifier les suppressions et les modifications futures.</span>
<br>
<span id="secret_key"></span>
</div>

<hr>

<div>
<input type="checkbox" id="active_smiley" value="1" checked> <span>Activer les
smileys </span>
</div>
<p><p>
<div>
<input type="checkbox" id="confirm_send_article" value="1"
checked><span>Confirmer l'envoi d'un message </span>
</div>
<p><p>
<hr>
<div>
<span>Nombre d'articles maximum à charger : </span> <input id="total_article"
type="range" value="1000" max="2000" min="50" step="10">&nbsp;<output
for="total_article"></output>
<br><br>
</div>

</div>


<div id="config_recherche" style="display:none" title="Recherche d'articles">

Jid : <input id="jid_value" type="text" size="70" value="*">
<p>
Newsgroups : <input id="newsgroups_value" type="text" size="70" value="*">
<p>
<select id="article_filter1">
<option selected value="Subject">Subject</option>
<option value="Body">Body</option>
<option value="FromName">FromName</option>
<option value="FromMail">FromMail</option>
<option value="InjectionDate">InjectionDate</option>
</select>
<input id="article_value1" type="text" size="70" value="*">
<p>
<select id="article_filter2">
<option value="Subject">Subject</option>
<option selected value="Body">Body</option>
<option value="FromName">FromName</option>
<option value="FromMail">FromMail</option>
<option value="InjectionDate">InjectionDate</option>
</select>
<input id="article_value2" type="text" size="70" value="*Nemo*">
<p>
<input id="recherche_article_go" type="button" value="Rechercher les articles">
<p>

</div>


<div id="send_form" style="display:none" title="Rédaction">

<div class="onglets">
&nbsp;
<div class="onglet selected" data-div="redaction">Rédaction</div>
<div id="view_rendu" class="onglet" data-div="rendu">Aperçu</div>
</div>

<div id="redaction">
<form id="form_post">

<div>
<input id="formulaire_supersede" type="hidden">
<fieldset>
<label for="formulaire_from">Expéditeur :</label>
<input name="formulaire_from" id="formulaire_from" pattern=".*[^ \t\n].*"
type="text" placeholder="Entrez votre nom" value="" required tabindex="1">
<input name="formulaire_email" type="email" title="email" id="formulaire_email"
placeholder="Entrez votre email" value="" required tabindex="2">
</fieldset>

<fieldset>
<label for="formulaire_subject">Sujet :</label>
<input name="formulaire_subject" id="formulaire_subject" pattern=".*[^ \t\n].*"
type="text" placeholder="Entrez le sujet de votre article" required
tabindex="3">
</fieldset>

<fieldset>
<label for="formulaire_newsgroup">Newsgroups :</label>
<input name="formulaire_newsgroup" id="formulaire_newsgroup" type="text"
value="" placeholder="Saisissez les groupes séparés par une virgule" required
tabindex="4">
</fieldset>

<fieldset>
<label for="formulaire_fu2">Faire suivre :</label>
<input name="formulaire_fu2" id="formulaire_fu2" type="text" value=""
placeholder="Saisissez le newsgroup de redirection si besoin" tabindex="5">
<input id="formulaire_send" type="submit" value="Envoyer">
<input id="formulaire_update" type="submit" value="Modifier"
style="display:none">
</fieldset>
</div>

<fieldset>
<input id="insert_img" data-info="Insérer des images" type="button"
value="img">
<input id="insert_file" data-info="Insérer des fichiers" type="button"
value="file">
<input id="insert_pdf" data-info="Insérer des document PDF" type="button"
value="pdf">
<input id="add_latex" data-info="Insérer des formules mathématiques"
type="button" value="tex">
<input id="insert_b" data-info="Mettre en gras <strong>le texte
sélectionné</strong>" type="button" value="b">
<input id="insert_i" data-info="Mettre en italique <i>le texte
sélectionné</i>" type="button" value="i">
<input id="insert_u" data-info="Souligner <u>le texte sélectionné</u>"
type="button" value="u">
<input id="insert_s" data-info="Barrer le <strike>texte sélectionné<strike>"
type="button" value="s">
<input id="insert_spoil" data-info="Cacher le texte sélectionné"
type="button" value="spoil">
<input id="insert_smiley" data-info="Smileys" type="button" value=":)">
<input id="insert_signature" data-info="Insérer une signature" type="button"
value="Signature">
</fieldset>


<div class="insert_img insert_media" style="display:none">
<p>
Ajouter une image depuis votre ordinateur<br>
Types de fichiers autorisés: jpg, jpeg, png, gif<br>
Taille limite autorisée : <span class="limit_size_file"></span><br>
<input id="add_img" type="file" accept="image/png, image/gif, image/jpeg">
<p>
Depuis une URL :
<input id="add_img_url" type="text" size="50">
<input id="submit_img_url" type="button" value="Ok">
</div>

<div class="insert_pdf insert_media" style="display:none">
<p>
Ajouter un fichier pdf depuis votre ordinateur<br>
Taille limite autorisée : <span class="limit_size_file"> </span><br>
<input id="add_pdf" type="file" accept="application/pdf">
<p>
Depuis une URL :
<input id="add_pdf_url" type="text" size="50">
<input id="submit_pdf_url" type="button" value="Ok">
</div>

<div class="insert_file insert_media" style="display:none">
<p>
Ajouter un fichier depuis votre ordinateur<br>
Taille limite autorisée : <span class="limit_size_file"> </span><br>
<input id="add_file" type="file">
</div>

<div class="insert_smiley insert_media" style="display:none">

</div>

<div id="list_file"></div>

<textarea name="formulaire_body" id="formulaire_body" style="word-wrap:normal"
tabindex="6"></textarea>

</form>
</div>

<div id="rendu">
</div>

</div>

<div id="send_img" style="display:none" title="Insertion d'image">

</div>




<div id="faq" style="display:none">

<h1>Cliquez sur les boutons&nbsp;<img style="width: 20px; height: 20px;"
alt="Ouvrir" src="css/img/faq_plus.png">&nbsp;/&nbsp;<img style="width: 20px;
height: 20px;" alt="Fermer" src="css/img/faq_moins.png">&nbsp;pour afficher /
masquer la réponse</h1>

<p class="rubrique">A - PRESENTATION</p>

<div class="groupe_question">
<div data-faq="cquoi_usenet" class="question">Qu'est-ce que
Usenet&nbsp;?</div>
<div data-faq="cquoi_usenet" class="reponse">
<p>Suivez les liens ci-dessous pour un peu de lecture :<br>
<a href="http://www.usenet-fr.net/"
target="_blank">http://www.usenet-fr.net/</a><br>
<a href="http://fr.wikipedia.org/wiki/Usenet"
target="_blank">http://fr.wikipedia.org/wiki/Usenet</a></p>
</div>
<div data-faq="cquoi_nemo" class="question">Qu'est-ce que Nemo&nbsp;?</div>
<div data-faq="cquoi_nemo" class="reponse">
<p>Nemo est une application web qui permet de lire et d'écrire, dans
l'interface d'un navigateur, des articles sur les groupes de
discussions dont la liste est affichée dans la partie gauche de la
fenêtre du navigateur. Les articles rédigés et consultés avec Nemo,
peuvent afficher divers types de contenus, tels que&nbsp;:&nbsp;images,
fichiers au format PDF, formules mathématiques ou chimiques, videos. Il est
également possible de joindre à un article des
fichiers de toutes sortes&nbsp;:&nbsp;documents d'un traitement de
texte ou d'un tableur, fichiers compressés de type ZIP et autres.</p>
</div>
</div>

<p class="rubrique">B - INSCRIPTION ET AUTHENTIFICATION</p>

<div class="groupe_question">
<div data-faq="acces_nemo" class="question">Que dois-je faire pour accéder au
réseau NEMO&nbsp;?</div>
<div data-faq="acces_nemo" class="reponse"><img style="width: 300px; height:
116px; margin-top:10px;" class="flotte" src="css/img/authentification.png"
alt="Authentification">Pour accéder aux groupes de discussion disponibles sur
ce serveur Nemo, vous devez vous identifier.<br>
<ul>
<li>Si vous ne disposez pas encore de vos identifiants (login et
mot de passe), cliquez sur le bouton <span style="font-weight:
bold;">"Inscription"</span> et suivez la procédure.</li>
<li>Sinon, complétez les champs<span style="font-weight: bold;">
"Entrez votre login"</span> et <span style="font-weight: bold;">"Entrez votre
mot de passe"</span>, puis cliquez sur le bouton <span style="font-weight:
bold;">"Go".</span><br><span style="font-weight: bold;"></span></li>
</ul><br>
</div>

<div data-faq="nom_email" class="question">Quand je veux écrire un article, mon
nom et mon adresse email ne sont pas enregistrés dans l'en-tête.</div>
<div data-faq="nom_email" class="reponse">
<p>Réponse ...</p>
</div>
</div>

<p class="rubrique">C - PREFERENCES ET CONFIGURATION DE NEMO </p>

<div class="groupe_question">
<div data-faq="exped_email" class="question">Mon pseudo et mon email
sont déjà enregistrés. Quelle est l'utilité des champs "Expéditeur" et
"Email"&nbsp;?</div>
<div data-faq="exped_email" class="reponse">
<p>Ce sont les champs <span style="font-weight: bold;">"FromName"</span> et
<span style="font-weight: bold;">"FromMail"</span> qui seront visibles
publiquement sur le réseau. Ces informations sont indépendantes du <span
style="font-weight: bold; font-style: italic;">nom d'utilisateur</span> (<span
style="font-weight: bold; font-style: italic;">login</span>) que vous avez
choisi pour votre inscription et de l'adresse email à laquelle votre <span
style="font-weight: bold; font-style: italic;">mot de passe</span> vous a été
envoyé.</p>
</div>

<div data-faq="signature" class="question"><span class="txt_question">Le champ
"Signature" me permet-il d'enregistrer ma propre signature ? Avec quelles
limites en nombre de caractères ou de lignes&nbsp;?</span></div>
<div data-faq="signature" class="reponse">
<p>Réponse ... </p>
</div>

<div data-faq="nouvelle_cle" class="question">Pourquoi "Générer une
nouvelle clé" dans les préférences ?</div>
<div data-faq="nouvelle_cle" class="reponse">
<p>Réponse ... </p>
</div>

<div data-faq="activer_smileys" class="question">Si je décoche
"Activer les smileys", ceux que j'écris au clavier seront-ils visibles par
quelqu'un qui n'a pas décoché cette option&nbsp;?</div>
<div data-faq="activer_smileys" class="reponse">
<p>Oui, à condition d'utiliser exactement les mêmes caractères que ceux qui
sont générés par les boutons des emoticônes.</p>
</div>

<div data-faq="confirm_envoi" class="question">Que signifie "Confirmer l'envoi
d'un message"&nbsp;?</div>
<div data-faq="confirm_envoi" class="reponse">
<p>Cette option de confirmation peut vous sauver la mise, en cas de clic
accidentel sur le bouton <span style="font-weight: bold;">"Envoyer"</span>,
alors que la rédaction de votre article n'est pas encore terminée.</p>
</div>

<div data-faq="nb_articles" class="question">Le "Nombre d'articles maximum à
charger" s'applique-t-il à tout le serveur ou à chaque groupe de
discussion&nbsp;?</div>
<div data-faq="nb_articles" class="reponse">
<p>Réponse ...</p>
</div>
<div data-faq="max_articles" class="question">Combien d'articles puis-je charger
au maximum&nbsp;?</div>
<div data-faq="max_articles" class="reponse">
<p>Réponse ...</p>
</div>
</div>

<p class="rubrique">D - ACCES AUX GROUPES DE DISCUSSION</p>

<div class="groupe_question">
<div data-faq="rech_groupes" class="question">Comment utiliser le champ
"Rechercher des groupes"&nbsp;?</div>
<div data-faq="rech_groupes" class="reponse">
<p>Ce champ permet de rechercher des groupes de discussion par mot-clé.
Par exemple, si vous entrez le mot-clé&nbsp; <span style="font-weight:
bold;">histoire</span>, les groupes suivants seront affichés dans la partie
inférieure du cadre&nbsp;:<br>
<span style="color: rgb(0, 153, 0);">fr.soc.histoire</span><br
style="color: rgb(0, 153, 0);">
<span style="color: rgb(0, 153, 0);">fr.soc.histoire.antique</span><br
style="color: rgb(0, 153, 0);">
<span style="color: rgb(0, 153, 0);">fr.soc.histoire.medievale</span><br
style="color: rgb(0, 153, 0);">
<span style="color: rgb(0, 153,
0);">fr.soc.histoire.moderne-1453-1789</span></p>
</div>

<div data-faq="select_groups" class="question">Comment sélectionner les groupes
de discussion que je veux consulter&nbsp;?</div>
<div data-faq="select_groups" class="reponse">
<p>Commencez par sélectionner avec le pointeur de la souris, une hiérarchie
(ex : <span style="font-weight: bold;">fr.*</span>) ou une sous-hiérarchie (ex
: <span style="font-weight: bold;">fr.comp.*</span>) dans la partie supérieure
du cadre <span style="font-weight: bold;">"Favoris"</span>.<br>
La liste des groupes de discussion disponibles dans la hiérarchie ou dans la
sous-hiérarchie est affichée dans la partie inférieure du cadre.
Le survol d'un nom de groupe avec le pointeur de la souris, affiche la
description du groupe dans une bulle. Sélectionnez un groupe de discussion,
pour afficher la liste des derniers articles qui y ont été publiés.<br></p>
</div>

<div data-faq="color_groups" class="question">Que signifient les couleurs dans
les noms des groupes de discussion&nbsp;?</div>
<div data-faq="color_groups" class="reponse">
<p><span style="color: rgb(0, 153, 0); font-weight: bold;">Vert</span> : Le
groupe est
accessible en lecture et écriture.<br>
<span style="color: rgb(255, 153, 0); font-weight: bold;">Orange</span> : Comme
ci-dessus, mais votre article ne sera publié qu'après approbation par un
modérateur.<br>
<span style="font-weight: bold; color: red;">Rouge</span> : Le groupe est en
lecture seule. Vous ne pouvez pas y publier d'article.<br></p>
</div>

<div data-faq="favoris_groups" class="question">Comment ajouter et retirer des
groupes dans mes Favoris&nbsp;?</div>
<div data-faq="favoris_groups" class="reponse">
<p><span style="font-weight: bold;">Ajouter</span> : Dans la partie inférieure
du cadre <span style="font-weight: bold;">"Favoris"</span>, le clic-<span
style="font-weight: bold;">droit</span> sur un nom de groupe ouvre un menu
contextuel dans lequel il faut cliquer sur <span style="font-weight: bold;
font-style: italic;">"Ajouter aux favoris"</span>.<br>
<span style="font-weight: bold;">Retirer</span> : Dans la partie supérieure du
cadre <span style="font-weight: bold;">"Favoris"</span>, le clic-<span
style="font-weight: bold;">droit</span> sur un nom de hiérarchie, de
sous-hiérarchie ou de groupe, ouvre un menu contextuel dans lequel il faut
cliquer sur <span style="font-weight: bold; font-style: italic;">"Retirer des
favoris"</span>.</p>
</div>

<div data-faq="favoris_tri" class="question">J'ai modifié l'ordre de mes
favoris. Comment rétablir le tri alphabétique par nom&nbsp;?</div>
<div data-faq="favoris_tri" class="reponse">
<p>Dans la liste de vos favoris, le clic-<span style="font-weight:
bold;">droit</span> sur un nom de hiérarchie, de sous-hiérarchie ou de groupe,
ouvre un menu contextuel
dans lequel il faut cliquer sur <span style="font-weight: bold; font-style:
italic;">"Trier les favoris par ordre alphabétique"</span>.</p>
</div>

<div data-faq="favoris_hierarchie" class="question">J'ai retiré une hiérarchie
(ou une sous-hiérarchie) de mes favoris. Comment la récupérer&nbsp;?</div>
<div data-faq="favoris_hierarchie" class="reponse">
<p>Exemple : Si vous avez retiré la sous-hiérarchie <span style="font-weight:
bold; font-style: italic;">fr.sci.*</span> de vos favoris, il faut entrer <span
style="font-weight: bold;">fr.sci.</span>(ne pas oublier le <span
style="font-weight: bold;">point</span> après sci) dans le champ <span
style="font-weight: bold;">"Rechercher des
groupes"</span>. Le cadre inférieur affichera le nom de la sous-hiérarchie
<span style="font-weight: bold; font-style: italic;">fr.sci.*</span>, ainsi que
la liste des groupes de discussions qui en font partie. Le clic-<span
style="font-weight: bold;">droit</span> sur <span style="font-weight: bold;
font-style: italic;">fr.sci.*</span> ouvrira un menu contextuel dans lequel il
faut cliquer sur <span style="font-weight: bold; font-style: italic;">"Ajouter
aux favoris"</span>.</p>
</div>

<div data-faq="options_affichage" class="question">Quels sont les différentes
options d'affichage des articles et leurs particularités?</div>
<div data-faq="options_affichage" class="reponse">
<p>Après sélection d'une hiérarchie, d'une sous-hiérarchie ou d'un groupe de
discussion dans le cadre de gauche, les articles sont affichés <span
style="font-weight: bold;">par défaut</span> dans l'ordre chronologique
inverse, le plus récent <span style="font-weight: bold;">en haut</span>. Cet
ordre chronologique peut être inversé par clic-<span style="font-weight:
bold;">gauche</span> sur le titre de la colonne <span style="font-weight:
bold;">"Date"</span>. Les autres options de tri des articles sont&nbsp;:</p>
<ul>
<li>Tri alphabétique direct ou inverse par clic-<span style="font-weight:
bold;">gauche</span> sur le titre de la colonne <span style="font-weight:
bold;">"Expéditeur".</span></li>
<li>Tri alphabétique direct ou inverse par clic-<span style="font-weight:
bold;">gauche</span> sur le titre de la colonne <span style="font-weight:
bold;">"Sujet".</span></li>
<li>Tri des articles <span style="font-weight: bold;">lus</span> / <span
style="font-weight: bold;">non lus</span> par clic-<span style="font-weight:
bold;">gauche</span> sur l'icône <img style="height: 21px; width: 21px;"
id="oeil" src="css/img/eye_faq.png" alt="Tri lus/non lus"></li>
</ul>
<p>Les options d'affichage en <span style="font-weight:
bold;">arborescence</span> sont obtenues par clic-<span style="font-weight:
bold;">gauche</span> sur l'icône<img style="width: 20px; height: 20px;"
alt="Arborescence" src="css/img/tree_faq.png">située sur la gauche de la barre
des
titres&nbsp;:</p>
<ul>
<li>Premier clic : affichage des articles par <span style="font-weight:
bold;">Sujet</span>, dans l'ordre chronologique direct et en arborescences
déployées.</li>
<li>Deuxième clic : affichage des articles par <span style="font-weight:
bold;">Sujet</span>, dans l'ordre chronologique direct et en arborescences
fermées.</li>
<li>Troisième clic : rétablissement de l'affichage par défaut.</li>
</ul>
<p>Dans les deux premiers modes d'affichage en arborescence, vous pouvez cliquer
sur&nbsp;[<img style="width: 10px; height: 10px;" alt="Fermer"
src="css/img/down.png">]&nbsp;pour fermer une arborescence et sur&nbsp;[<img
style="width: 10px; height: 10px;" alt="Ouvrir"
src="css/img/right.png">]&nbsp;pour la déployer.</p>

</div>
<div data-faq="reponse_affichage" class="question">Est-il possible de répondre
à un article dans toutes les options d'affichage&nbsp;?</div>
<div data-faq="reponse_affichage" class="reponse">
<p>Oui.</p>
</div>

<div data-faq="auth_redaction" class="question">Je me suis authentifié et
pourtant les champs "Expéditeur" et "Email" de la fenêtre "Rédaction" sont
vides.</div>
<div data-faq="auth_redaction" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="lu_nonlu" class="question">J'ai lu un article et il est passé en
maigre. Comment le remettre en gras pour y répondre plus tard&nbsp;?</div>
<div data-faq="lu_nonlu" class="reponse">
<p>Clic-<span style="font-weight: bold;">droit</span> sur l'article et
sélectionner <span style="font-weight: bold; font-style: italic;">"Marquer le
message comme non lu"</span> dans le menu contextuel.<br></p>
</div>
</div>

<p class="rubrique">E - ICONES ET BOUTONS DE L'INTERFACE</p>

<div class="groupe_question">
<div data-faq="affiche_console" class="question">Quel est l'usage de l'icône
"Afficher la console"&nbsp;?</div>
<div data-faq="affiche_console" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="voir_source" class="question">Quel est l'usage du bouton "Voir
source"&nbsp;?</div>
<div data-faq="voir_source" class="reponse">
<p>Il permet d'accéder aux en-têtes de l'article, notamment à certains
paramètres techniques.</p>
</div>

<div data-faq="rech_art" class="question">Comment faut-il remplir les champs
disponibles dans la fenêtre "Recherche d'articles"&nbsp;?</div>
<div data-faq="rech_art" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="rech_crit" class="question">Est-il possible de faire une
recherche sur plusieurs critères&nbsp;?</div>
<div data-faq="rech_crit" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="rech_guill" class="question">Pourquoi la recherche
n'accepte-t-elle pas un mot entre guillemets dans le "Body"&nbsp;?</div>
<div data-faq="rech_guill" class="reponse">
<p>Réponse ...</p>
</div>
</div>

<p class="rubrique">F - REDACTION D'UN ARTICLE</p>

<div class="groupe_question">
<div data-faq="cit_barres" class="question">Pourquoi les barres des citations
sont-elles transformées en chevrons&nbsp;?</div>
<div data-faq="cit_barres" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="mod_sujet" class="question">Ai-je le droit de modifier le
Sujet&nbsp;?</div>
<div data-faq="mod_sujet" class="reponse">
<p>Ce n'est pas une question de droit, mais d'usages et de bonne information de
vos lecteurs. Si vous estimez qu'un nouveau <span style="font-weight:
bold;">Sujet</span> est plus approprié à votre réponse, il est d'usage de
rappeler l'ancien sujet comme ceci&nbsp;:&nbsp;<span style="font-style: italic;
font-weight: bold;">Mon nouveau sujet ... (Etait : Re: Ancien sujet de la
discussion ...)</span></p>
</div>

<div data-faq="dest_groups" class="question">Puis-je ajouter un ou plusieurs
groupes de destination&nbsp;?</div>
<div data-faq="dest_groups" class="reponse">
<p>Vous pouvez inscrire jusqu'à <span style="font-weight: bold;">trois</span>
groupes de destination. Cependant, au-delà de <span style="font-weight:
bold;">deux</span> groupes, vous devez obligatoirement inscrire un <span
style="font-weight: bold;">groupe de redirection</span> dans le champ <span
style="font-weight: bold;">"Faire suivre :"</span>. Pour plus d'informations sur
les <span style="font-weight: bold;">publications croisées</span>,
voir&nbsp;:&nbsp;<a
href="http://www.usenet-fr.net/fur/minis-faqs/crosspost.html"
target="_blank">http://www.usenet-fr.net/fur/minis-faqs/crosspost.html</a>.</p>
</div>

<div data-faq="redir_group" class="question">Qu'est-ce qu'un newsgroup de
redirection&nbsp;?</div>
<div data-faq="redir_group" class="reponse">
<p>Si un article est publié sur plus d'un groupe de discussion, il est
recommandé d'inscrire dans le champ <span style="font-weight: bold;">"Faire
suivre :"</span>,&nbsp;le groupe sur lequel les réponses à votre article
seront dirigées et sur lequel se poursuivra la discussion. Pour plus
d'informations sur les <span style="font-weight: bold;">redirections</span>,
voir&nbsp;:&nbsp;<a
href="http://www.usenet-fr.net/fur/minis-faqs/crosspost.html"
target="_blank">http://www.usenet-fr.net/fur/minis-faqs/crosspost.html</a>.</p>
</div>

<div data-faq="boutons_redac" class="question">Quel est l'usage des boutons
"img" et suivants&nbsp;?</div>
<div data-faq="boutons_redac" class="reponse">
<p><span style="font-style: italic;">"C'est comme le Port-Salut, c'est écrit
dessus."&nbsp;&nbsp;</span><img style="width: 15px; height: 17px;" alt="Wink"
src="css/img/icon_e_wink.gif"><br>
Seule la bulle sur le bouton <span style="font-weight: bold;">spoil
</span>mérite
une précision&nbsp;:&nbsp;le texte sélectionné est non seulement caché, mais
aussi codé en <span style="font-weight: bold;">ROT 13</span>. Pour une
explication du codage ROT 13 voir&nbsp;:&nbsp;<a
href="http://fr.wikipedia.org/wiki/ROT13">http://fr.wikipedia.org/wiki/ROT13</a>.</p>
</div>
</div>

<p class="rubrique">G - QUESTIONS TECHNIQUES</p>

<div class="groupe_question">
<div data-faq="reboot_perso" class="question">J'ai redémarré mon ordinateur
après une mise à jour logicielle et toutes mes personnalisations ont disparu.
Tous les articles sont de nouveau en gras.<br>
</div>
<div data-faq="reboot_perso" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="view_pdf" class="question">J'ai inséré un fichier PDF dans mon
article et je ne le vois pas dans l'onglet "Aperçu".<br>
</div>
<div data-faq="view_pdf" class="reponse">
<p>La solution dépend du type de navigateur que vous utilisez.</p>
<ul>
<li><span style="font-weight: bold;">Chrome</span> : Entrez "<span
style="font-weight: bold;"><span style="font-style:
italic;">about:plugins</span>"</span> (sans les guillemets) dans la barre de
navigation et affichez la page correspondante. Trouvez la ligne "<span
style="font-weight: bold;">Chrome PDF Viewer</span>" et vérifiez que le plug-in
est bien <span style="font-weight: bold;">activé</span>.</li>

<li><span style="font-weight: bold;">Chromium</span> (sous
Linux)&nbsp;:&nbsp;Regardez si vous avez "<span style="font-weight:
bold;">Mozplugger</span>" dans les paquets proposés avec votre distribution.
S'il n'est pas disponible, téléchargez le ici&nbsp;:&nbsp;<a
href="http://mozplugger.mozdev.org/"
target="_blank">http://mozplugger.mozdev.org/</a>. Après installation du paquet
et la première fois que vous ouvrirez un article contenant un document PDF dans
Nemo, une boîte de dialogue devrait s'afficher pour vous demander si vous
voulez voir les PDF sur ce site. Validez votre accord pour le serveur Nemo.</li>

<li><span style="font-weight: bold;">Firefox</span>&nbsp;:&nbsp;Ouvrez le menu
"<span style="font-weight: bold;">Outils</span>" =&gt; "<span
style="font-weight: bold;">Options</span>" =&gt; "<span style="font-weight:
bold;">Applications</span>". Dans la liste de gauche, sélectionnez "<span
style="font-weight: bold;">Portable
Document Format (PDF)</span>". Dans la liste déroulante à droite,
sélectionnez "<span style="font-weight: bold;">Aperçu dans Firefox</span>"
=&gt; <span style="font-weight: bold;">OK</span>.</li>

<li><span style="font-weight: bold;">Internet
Explorer</span>&nbsp;:&nbsp;L'affichage des documents au format PDF est
tributaire de plusieurs critères
(version du navigateur, version de l'ActiveX, paramètres de sécurité dans
"Options Internet" et autres). Si vous voulez vous épargner des recherches
fastidieuses et qui risquent de ne pas résoudre le problème, il y a une
solution simple&nbsp;:&nbsp;installez <span style="font-weight:
bold;">Firefox</span> à partir d'ici <a
href="http://www.mozilla.org/fr/firefox/fx/"
target="_blank">http://www.mozilla.org/fr/firefox/fx/</a> et faites en votre
navigateur par défaut. Firefox est gratuit et disponible pour toutes les
plate-formes.</li>
</ul>
</div>
</div>



</div>



<div id="contextMenu" data-ID="" style="display:none">
<div data-menu="mark_nonlu"> Marquer le message comme non lu </div>
<div data-menu="voir_source"> Voir la source </div>
<hr>
<div data-menu="open_window"> Ouvrir dans une nouvelle fenêtre </div>
<hr>
<div data-menu="load_more"> Voir plus d'articles </div>
</div>

<div id="contextMenuNewsgroup" data-name="" style="display:none">
<div data-menu="mark_favori"> Ajouter aux favoris </div>
<div data-menu="delete_favori" style="display:none"> Retirer des favoris </div>
<div data-menu="tri_favoris"> Trier les favoris par ordre alphabétique </div>
</div>

<div id="infobulle" style="display:none">
</div>
</body>
</html>
[/code]

--
Ce message a été posté avec Nemo : <http://devnews.julien-arlandis.fr/?Jid=422d0c3e302114a830ae53cc08bef518cf3ff07c@devnews.julien-arlandis.fr>
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Julien Arlandis
Le 09/11/13 11:20, Julien Arlandis a écrit :
[code]
<!DOCTYPE HTML>
<html>
<head>
<title>Nemo : Accès aux Newsgroups</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.2.custom.min.css"
/>

<script src="js/jquery/jquery-2.0.3.min.js"></script>
<script src="js/jquery/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/lib.jntp.js"></script>
<script src="js/nemo.js"></script>

</head>
<body>

<div id="leftnav">

<div id="authentification">
<div class="title">Authentification</div>
<div class="content">
<form id="form_authentification" name="form_authentification">
<input id="user" type="text" placeholder="Entrez votre login"
autocomplete="on" required>
<input id="password" type="password" placeholder="Entrez votre mot de passe"
required onkeypress="if(event.keyCode=) authentification();;">
<input id="auth" type="submit" value="Go"><br>
</form>
<input id="inscription" type="button" value="Inscription">
</div>
</div>


<div id="historique" style="display:none">
<div class="title">Historique</div>
<div id="articles_send">Articles envoyés</div>
<div id="articles_brouillon">Brouillons ()</div>
</div>


<div id="favoris">
<div class="title">Favoris</div>
<div class="content">
<input id="search_newsgroup" type="text" size="20" placeholder="Rechercher des
groupes" >
<div id="mynewsgroups"></div>
<hr>
<div id="mynewsgroups_more"></div>
</div>
</div>

<div id="navigation_newsgroups" style="display:none">
<div class="title">Navigation dans les newsgroups</div>
<div id="hierarchies"></div>
<div id="newsgroups"></div>
</div>

</div>


<div id="rightnav">


<div id="top">
<div id="logo">&nbsp;</div>
<span data-info="Afficher la console" id="active_console">&nbsp;</span>
<div id="deconnexion" style="display:none">
<div id="deconnect">&nbsp;</div>
<span id="message_accueil"></span>
</div>

<input id="new_sujet" type="button" value="Nouveau sujet">
<input id="parametres" type="button" value="Préférences">
<input id="recherche_article" type="button" value="Rechercher">
<input id="faq_nemo" type="button" value="FAQ">
<span id="chargement" style="display:none">&nbsp;</span>

</div> <!--top-->


<div id="liste_article">
<div class="fil_header">
<div id="tree" class="header tree"> <div>&nbsp;</div> </div>
<div id="Subject" class="header order subject none"><div>Sujet</div></div>
<div id="FromName" class="header order from
none"><div>Expéditeur</div></div>
<div id="InjectionDate" class="header order date none"><div>Date</div></div>
<div id="trilu" class="header order trilu"><div>&nbsp;</div></div>
<div id="attach" class="header attach"><div>&nbsp;</div></div>
</div>
<div id="fil"></div>
</div>

<div class="separateur">&nbsp;</div>

<div id="article">
<div id="article_header">
<input id="ban_article" type="button" value="Banir" style="display:none">
<input id="supprimer_article" type="button" value="Annuler"
style="display:none">
<input id="modifier_article" type="button" value="Modifier"
style="display:none">
<div id="article_deleted" style="display:none">Article supprimé</div>
<input id="repondre" type="button" value="Répondre">
<input id="view_source" type="button" value="Voir source">
<input id="hide_source" type="button" value="Cacher la source"
style="display:none">
<div><span class="champ_article">De </span><span class="champ_value"
id="article_from"></span></div>
<div><span class="champ_article">Sujet </span><span class="champ_value"
id="article_subject"></span></div>
<div><span class="champ_article">Date </span><span class="champ_value"
id="article_date"></span></div>
<div><span class="champ_article">Groupes </span><span class="champ_value"
id="article_newsgroup"></span></div>
<div id="article_header_fu2" style="display:none"><span
class="champ_article">Faire suivre </span><span class="champ_value"
id="article_fu2"></span></div>
<div><span class="champ_article">Poids </span><span class="champ_value"
id="article_size"></span>&nbsp;
<span id="voir_references">Voir les références</span>&nbsp;
<span id="delete_citations" style="display:none">Voir moins de
citations</span>&nbsp;
<span id="revoir_citations" style="display:none">Voir toutes les
citations</span>&nbsp;
</div>
<div id="voir_supersede" class="supersede" style="display:none">Cet article a
été modifié</div>
<div id="article_certification">&nbsp;</div>
<div id="references"></div>

<pre id="article_source" style="display:none;"></pre>
</div>
<div id="article_body"> </div>
</div>

<div id="footer"><span id="nemo_version"></span></div>

</div> <!-- rightnav -->

<div id="content_console" style="display:none" title="Console">
<pre id="log"></pre>
<input id="console" type="text" onkeypress="if(event.keyCode=)
JNTP.exec_command();"/>
<div class="console_options">
<input id="req_client" type="checkbox" checked> Voir les requêtes du client
&nbsp;&nbsp;&nbsp;
<input id="req_serveur" type="checkbox" checked> Voir les requêtes du serveur
&nbsp;&nbsp;&nbsp;
<input id="refresh_article" type="checkbox" checked> Désactiver les requêtes
périodiques
</div>
</div>

<div id="box_inscription" style="display:none" title="Inscription sur Nemo">
<h1>Condition d'accès</h1>
Nemo est un service innovant en cours de construction qui permet d'accéder aux
newsgroups depuis le navigateur. <p>
Pour avoir un accès Beta testeur en écriture, il vous suffit d'effectuer une
demande d'ouverture de compte auprès de l'administrateur du service à
l'adresse , précisez bien votre identité ainsi que
le nom d'utilisateur désiré. Le mot de passe vous sera envoyé en retour. <p>
Ce service fourni gracieusement est en plein chantier, de nombreuses mises à
jour sont à prévoir régulièrement. À ce titre nous ne sommes pas en mesure
de garantir pendant cette phase la continuité de ce service, nous vous
demandons de bien vouloir faire remonter les bogues éventuels que vous
rencontrerez pendant son utilisation.

<h1>Abus et refus d'accès</h1>
Le moindre abus à ce service entrainera le suppression définitive du compte.
Pour éviter les abus, nous vous suggérons de vous informer sur les usages de
usenet à l'adresse suivante : <a
href="http://www.usenet-fr.net/fr-chartes/index.html">http://www.usenet-fr.net/fer-chartes/index.html</a>
<p>
</div>


<div id="config_nemo" style="display:none" title="Configuration de Nemo">

<div>
<span>Serveur JNTP : </span> <input type="text" id="host_jntp"
style="width:300px;" value="http://devnews.julien-arlandis.fr" >
</div>

<hr>

<div>
<span>Expéditeur : </span> <input type="text" id="fromname"
style="width:300px;">
</div>

<div>
<span>Email : </span> <input type="text" id="frommail" style="width:300px;">
</div>

<div>
<span>Signature : </span> <br><textarea id="signature"
style="width:500px;"></textarea>
</div>

<hr>

<div>
<input style="float:right" id="generate_secret_key" type="button"
value="Générer une nouvelle clé">
<span>Cette clé permet de générer une empreinte sur vos articles pour
authentifier les suppressions et les modifications futures.</span>
<br>
<span id="secret_key"></span>
</div>

<hr>

<div>
<input type="checkbox" id="active_smiley" value="1" checked> <span>Activer les
smileys </span>
</div>
<p><p>
<div>
<input type="checkbox" id="confirm_send_article" value="1"
checked><span>Confirmer l'envoi d'un message </span>
</div>
<p><p>
<hr>
<div>
<span>Nombre d'articles maximum à charger : </span> <input id="total_article"
type="range" value="1000" max="2000" min="50" step="10">&nbsp;<output
for="total_article"></output>
<br><br>
</div>

</div>


<div id="config_recherche" style="display:none" title="Recherche d'articles">

Jid : <input id="jid_value" type="text" size="70" value="*">
<p>
Newsgroups : <input id="newsgroups_value" type="text" size="70" value="*">
<p>
<select id="article_filter1">
<option selected value="Subject">Subject</option>
<option value="Body">Body</option>
<option value="FromName">FromName</option>
<option value="FromMail">FromMail</option>
<option value="InjectionDate">InjectionDate</option>
</select>
<input id="article_value1" type="text" size="70" value="*">
<p>
<select id="article_filter2">
<option value="Subject">Subject</option>
<option selected value="Body">Body</option>
<option value="FromName">FromName</option>
<option value="FromMail">FromMail</option>
<option value="InjectionDate">InjectionDate</option>
</select>
<input id="article_value2" type="text" size="70" value="*Nemo*">
<p>
<input id="recherche_article_go" type="button" value="Rechercher les articles">
<p>

</div>


<div id="send_form" style="display:none" title="Rédaction">

<div class="onglets">
&nbsp;
<div class="onglet selected" data-div="redaction">Rédaction</div>
<div id="view_rendu" class="onglet" data-div="rendu">Aperçu</div>
</div>

<div id="redaction">
<form id="form_post">

<div>
<input id="formulaire_supersede" type="hidden">
<fieldset>
<label for="formulaire_from">Expéditeur :</label>
<input name="formulaire_from" id="formulaire_from" pattern=".*[^ tn].*"
type="text" placeholder="Entrez votre nom" value="" required tabindex="1">
<input name="formulaire_email" type="email" title="email" id="formulaire_email"
placeholder="Entrez votre email" value="" required tabindex="2">
</fieldset>

<fieldset>
<label for="formulaire_subject">Sujet :</label>
<input name="formulaire_subject" id="formulaire_subject" pattern=".*[^ tn].*"
type="text" placeholder="Entrez le sujet de votre article" required
tabindex="3">
</fieldset>

<fieldset>
<label for="formulaire_newsgroup">Newsgroups :</label>
<input name="formulaire_newsgroup" id="formulaire_newsgroup" type="text"
value="" placeholder="Saisissez les groupes séparés par une virgule" required
tabindex="4">
</fieldset>

<fieldset>
<label for="formulaire_fu2">Faire suivre :</label>
<input name="formulaire_fu2" id="formulaire_fu2" type="text" value=""
placeholder="Saisissez le newsgroup de redirection si besoin" tabindex="5">
<input id="formulaire_send" type="submit" value="Envoyer">
<input id="formulaire_update" type="submit" value="Modifier"
style="display:none">
</fieldset>
</div>

<fieldset>
<input id="insert_img" data-info="Insérer des images" type="button"
value="img">
<input id="insert_file" data-info="Insérer des fichiers" type="button"
value="file">
<input id="insert_pdf" data-info="Insérer des document PDF" type="button"
value="pdf">
<input id="add_latex" data-info="Insérer des formules mathématiques"
type="button" value="tex">
<input id="insert_b" data-info="Mettre en gras <strong>le texte
sélectionné</strong>" type="button" value="b">
<input id="insert_i" data-info="Mettre en italique <i>le texte
sélectionné</i>" type="button" value="i">
<input id="insert_u" data-info="Souligner <u>le texte sélectionné</u>"
type="button" value="u">
<input id="insert_s" data-info="Barrer le <strike>texte sélectionné<strike>"
type="button" value="s">
<input id="insert_spoil" data-info="Cacher le texte sélectionné"
type="button" value="spoil">
<input id="insert_smiley" data-info="Smileys" type="button" value=":)">
<input id="insert_signature" data-info="Insérer une signature" type="button"
value="Signature">
</fieldset>


<div class="insert_img insert_media" style="display:none">
<p>
Ajouter une image depuis votre ordinateur<br>
Types de fichiers autorisés: jpg, jpeg, png, gif<br>
Taille limite autorisée : <span class="limit_size_file"></span><br>
<input id="add_img" type="file" accept="image/png, image/gif, image/jpeg">
<p>
Depuis une URL :
<input id="add_img_url" type="text" size="50">
<input id="submit_img_url" type="button" value="Ok">
</div>

<div class="insert_pdf insert_media" style="display:none">
<p>
Ajouter un fichier pdf depuis votre ordinateur<br>
Taille limite autorisée : <span class="limit_size_file"> </span><br>
<input id="add_pdf" type="file" accept="application/pdf">
<p>
Depuis une URL :
<input id="add_pdf_url" type="text" size="50">
<input id="submit_pdf_url" type="button" value="Ok">
</div>

<div class="insert_file insert_media" style="display:none">
<p>
Ajouter un fichier depuis votre ordinateur<br>
Taille limite autorisée : <span class="limit_size_file"> </span><br>
<input id="add_file" type="file">
</div>

<div class="insert_smiley insert_media" style="display:none">

</div>

<div id="list_file"></div>

<textarea name="formulaire_body" id="formulaire_body" style="word-wrap:normal"
tabindex="6"></textarea>

</form>
</div>

<div id="rendu">
</div>

</div>

<div id="send_img" style="display:none" title="Insertion d'image">

</div>




<div id="faq" style="display:none">

<h1>Cliquez sur les boutons&nbsp;<img style="width: 20px; height: 20px;"
alt="Ouvrir" src="css/img/faq_plus.png">&nbsp;/&nbsp;<img style="width: 20px;
height: 20px;" alt="Fermer" src="css/img/faq_moins.png">&nbsp;pour afficher /
masquer la réponse</h1>

<p class="rubrique">A - PRESENTATION</p>

<div class="groupe_question">
<div data-faq="cquoi_usenet" class="question">Qu'est-ce que
Usenet&nbsp;?</div>
<div data-faq="cquoi_usenet" class="reponse">
<p>Suivez les liens ci-dessous pour un peu de lecture :<br>
<a href="http://www.usenet-fr.net/"
target="_blank">http://www.usenet-fr.net/</a><br>
<a href="http://fr.wikipedia.org/wiki/Usenet"
target="_blank">http://fr.wikipedia.org/wiki/Usenet</a></p>
</div>
<div data-faq="cquoi_nemo" class="question">Qu'est-ce que Nemo&nbsp;?</div>
<div data-faq="cquoi_nemo" class="reponse">
<p>Nemo est une application web qui permet de lire et d'écrire, dans
l'interface d'un navigateur, des articles sur les groupes de
discussions dont la liste est affichée dans la partie gauche de la
fenêtre du navigateur. Les articles rédigés et consultés avec Nemo,
peuvent afficher divers types de contenus, tels que&nbsp;:&nbsp;images,
fichiers au format PDF, formules mathématiques ou chimiques, videos. Il est
également possible de joindre à un article des
fichiers de toutes sortes&nbsp;:&nbsp;documents d'un traitement de
texte ou d'un tableur, fichiers compressés de type ZIP et autres.</p>
</div>
</div>

<p class="rubrique">B - INSCRIPTION ET AUTHENTIFICATION</p>

<div class="groupe_question">
<div data-faq="acces_nemo" class="question">Que dois-je faire pour accéder au
réseau NEMO&nbsp;?</div>
<div data-faq="acces_nemo" class="reponse"><img style="width: 300px; height:
116px; margin-top:10px;" class="flotte" src="css/img/authentification.png"
alt="Authentification">Pour accéder aux groupes de discussion disponibles sur
ce serveur Nemo, vous devez vous identifier.<br>
<ul>
<li>Si vous ne disposez pas encore de vos identifiants (login et
mot de passe), cliquez sur le bouton <span style="font-weight:
bold;">"Inscription"</span> et suivez la procédure.</li>
<li>Sinon, complétez les champs<span style="font-weight: bold;">
"Entrez votre login"</span> et <span style="font-weight: bold;">"Entrez votre
mot de passe"</span>, puis cliquez sur le bouton <span style="font-weight:
bold;">"Go".</span><br><span style="font-weight: bold;"></span></li>
</ul><br>
</div>

<div data-faq="nom_email" class="question">Quand je veux écrire un article, mon
nom et mon adresse email ne sont pas enregistrés dans l'en-tête.</div>
<div data-faq="nom_email" class="reponse">
<p>Réponse ...</p>
</div>
</div>

<p class="rubrique">C - PREFERENCES ET CONFIGURATION DE NEMO </p>

<div class="groupe_question">
<div data-faq="exped_email" class="question">Mon pseudo et mon email
sont déjà enregistrés. Quelle est l'utilité des champs "Expéditeur" et
"Email"&nbsp;?</div>
<div data-faq="exped_email" class="reponse">
<p>Ce sont les champs <span style="font-weight: bold;">"FromName"</span> et
<span style="font-weight: bold;">"FromMail"</span> qui seront visibles
publiquement sur le réseau. Ces informations sont indépendantes du <span
style="font-weight: bold; font-style: italic;">nom d'utilisateur</span> (<span
style="font-weight: bold; font-style: italic;">login</span>) que vous avez
choisi pour votre inscription et de l'adresse email à laquelle votre <span
style="font-weight: bold; font-style: italic;">mot de passe</span> vous a été
envoyé.</p>
</div>

<div data-faq="signature" class="question"><span class="txt_question">Le champ
"Signature" me permet-il d'enregistrer ma propre signature ? Avec quelles
limites en nombre de caractères ou de lignes&nbsp;?</span></div>
<div data-faq="signature" class="reponse">
<p>Réponse ... </p>
</div>

<div data-faq="nouvelle_cle" class="question">Pourquoi "Générer une
nouvelle clé" dans les préférences ?</div>
<div data-faq="nouvelle_cle" class="reponse">
<p>Réponse ... </p>
</div>

<div data-faq="activer_smileys" class="question">Si je décoche
"Activer les smileys", ceux que j'écris au clavier seront-ils visibles par
quelqu'un qui n'a pas décoché cette option&nbsp;?</div>
<div data-faq="activer_smileys" class="reponse">
<p>Oui, à condition d'utiliser exactement les mêmes caractères que ceux qui
sont générés par les boutons des emoticônes.</p>
</div>

<div data-faq="confirm_envoi" class="question">Que signifie "Confirmer l'envoi
d'un message"&nbsp;?</div>
<div data-faq="confirm_envoi" class="reponse">
<p>Cette option de confirmation peut vous sauver la mise, en cas de clic
accidentel sur le bouton <span style="font-weight: bold;">"Envoyer"</span>,
alors que la rédaction de votre article n'est pas encore terminée.</p>
</div>

<div data-faq="nb_articles" class="question">Le "Nombre d'articles maximum à
charger" s'applique-t-il à tout le serveur ou à chaque groupe de
discussion&nbsp;?</div>
<div data-faq="nb_articles" class="reponse">
<p>Réponse ...</p>
</div>
<div data-faq="max_articles" class="question">Combien d'articles puis-je charger
au maximum&nbsp;?</div>
<div data-faq="max_articles" class="reponse">
<p>Réponse ...</p>
</div>
</div>

<p class="rubrique">D - ACCES AUX GROUPES DE DISCUSSION</p>

<div class="groupe_question">
<div data-faq="rech_groupes" class="question">Comment utiliser le champ
"Rechercher des groupes"&nbsp;?</div>
<div data-faq="rech_groupes" class="reponse">
<p>Ce champ permet de rechercher des groupes de discussion par mot-clé.
Par exemple, si vous entrez le mot-clé&nbsp; <span style="font-weight:
bold;">histoire</span>, les groupes suivants seront affichés dans la partie
inférieure du cadre&nbsp;:<br>
<span style="color: rgb(0, 153, 0);">fr.soc.histoire</span><br
style="color: rgb(0, 153, 0);">
<span style="color: rgb(0, 153, 0);">fr.soc.histoire.antique</span><br
style="color: rgb(0, 153, 0);">
<span style="color: rgb(0, 153, 0);">fr.soc.histoire.medievale</span><br
style="color: rgb(0, 153, 0);">
<span style="color: rgb(0, 153,
0);">fr.soc.histoire.moderne-1453-1789</span></p>
</div>

<div data-faq="select_groups" class="question">Comment sélectionner les groupes
de discussion que je veux consulter&nbsp;?</div>
<div data-faq="select_groups" class="reponse">
<p>Commencez par sélectionner avec le pointeur de la souris, une hiérarchie
(ex : <span style="font-weight: bold;">fr.*</span>) ou une sous-hiérarchie (ex
: <span style="font-weight: bold;">fr.comp.*</span>) dans la partie supérieure
du cadre <span style="font-weight: bold;">"Favoris"</span>.<br>
La liste des groupes de discussion disponibles dans la hiérarchie ou dans la
sous-hiérarchie est affichée dans la partie inférieure du cadre.
Le survol d'un nom de groupe avec le pointeur de la souris, affiche la
description du groupe dans une bulle. Sélectionnez un groupe de discussion,
pour afficher la liste des derniers articles qui y ont été publiés.<br></p>
</div>

<div data-faq="color_groups" class="question">Que signifient les couleurs dans
les noms des groupes de discussion&nbsp;?</div>
<div data-faq="color_groups" class="reponse">
<p><span style="color: rgb(0, 153, 0); font-weight: bold;">Vert</span> : Le
groupe est
accessible en lecture et écriture.<br>
<span style="color: rgb(255, 153, 0); font-weight: bold;">Orange</span> : Comme
ci-dessus, mais votre article ne sera publié qu'après approbation par un
modérateur.<br>
<span style="font-weight: bold; color: red;">Rouge</span> : Le groupe est en
lecture seule. Vous ne pouvez pas y publier d'article.<br></p>
</div>

<div data-faq="favoris_groups" class="question">Comment ajouter et retirer des
groupes dans mes Favoris&nbsp;?</div>
<div data-faq="favoris_groups" class="reponse">
<p><span style="font-weight: bold;">Ajouter</span> : Dans la partie inférieure
du cadre <span style="font-weight: bold;">"Favoris"</span>, le clic-<span
style="font-weight: bold;">droit</span> sur un nom de groupe ouvre un menu
contextuel dans lequel il faut cliquer sur <span style="font-weight: bold;
font-style: italic;">"Ajouter aux favoris"</span>.<br>
<span style="font-weight: bold;">Retirer</span> : Dans la partie supérieure du
cadre <span style="font-weight: bold;">"Favoris"</span>, le clic-<span
style="font-weight: bold;">droit</span> sur un nom de hiérarchie, de
sous-hiérarchie ou de groupe, ouvre un menu contextuel dans lequel il faut
cliquer sur <span style="font-weight: bold; font-style: italic;">"Retirer des
favoris"</span>.</p>
</div>

<div data-faq="favoris_tri" class="question">J'ai modifié l'ordre de mes
favoris. Comment rétablir le tri alphabétique par nom&nbsp;?</div>
<div data-faq="favoris_tri" class="reponse">
<p>Dans la liste de vos favoris, le clic-<span style="font-weight:
bold;">droit</span> sur un nom de hiérarchie, de sous-hiérarchie ou de groupe,
ouvre un menu contextuel
dans lequel il faut cliquer sur <span style="font-weight: bold; font-style:
italic;">"Trier les favoris par ordre alphabétique"</span>.</p>
</div>

<div data-faq="favoris_hierarchie" class="question">J'ai retiré une hiérarchie
(ou une sous-hiérarchie) de mes favoris. Comment la récupérer&nbsp;?</div>
<div data-faq="favoris_hierarchie" class="reponse">
<p>Exemple : Si vous avez retiré la sous-hiérarchie <span style="font-weight:
bold; font-style: italic;">fr.sci.*</span> de vos favoris, il faut entrer <span
style="font-weight: bold;">fr.sci.</span>(ne pas oublier le <span
style="font-weight: bold;">point</span> après sci) dans le champ <span
style="font-weight: bold;">"Rechercher des
groupes"</span>. Le cadre inférieur affichera le nom de la sous-hiérarchie
<span style="font-weight: bold; font-style: italic;">fr.sci.*</span>, ainsi que
la liste des groupes de discussions qui en font partie. Le clic-<span
style="font-weight: bold;">droit</span> sur <span style="font-weight: bold;
font-style: italic;">fr.sci.*</span> ouvrira un menu contextuel dans lequel il
faut cliquer sur <span style="font-weight: bold; font-style: italic;">"Ajouter
aux favoris"</span>.</p>
</div>

<div data-faq="options_affichage" class="question">Quels sont les différentes
options d'affichage des articles et leurs particularités?</div>
<div data-faq="options_affichage" class="reponse">
<p>Après sélection d'une hiérarchie, d'une sous-hiérarchie ou d'un groupe de
discussion dans le cadre de gauche, les articles sont affichés <span
style="font-weight: bold;">par défaut</span> dans l'ordre chronologique
inverse, le plus récent <span style="font-weight: bold;">en haut</span>. Cet
ordre chronologique peut être inversé par clic-<span style="font-weight:
bold;">gauche</span> sur le titre de la colonne <span style="font-weight:
bold;">"Date"</span>. Les autres options de tri des articles sont&nbsp;:</p>
<ul>
<li>Tri alphabétique direct ou inverse par clic-<span style="font-weight:
bold;">gauche</span> sur le titre de la colonne <span style="font-weight:
bold;">"Expéditeur".</span></li>
<li>Tri alphabétique direct ou inverse par clic-<span style="font-weight:
bold;">gauche</span> sur le titre de la colonne <span style="font-weight:
bold;">"Sujet".</span></li>
<li>Tri des articles <span style="font-weight: bold;">lus</span> / <span
style="font-weight: bold;">non lus</span> par clic-<span style="font-weight:
bold;">gauche</span> sur l'icône <img style="height: 21px; width: 21px;"
id="oeil" src="css/img/eye_faq.png" alt="Tri lus/non lus"></li>
</ul>
<p>Les options d'affichage en <span style="font-weight:
bold;">arborescence</span> sont obtenues par clic-<span style="font-weight:
bold;">gauche</span> sur l'icône<img style="width: 20px; height: 20px;"
alt="Arborescence" src="css/img/tree_faq.png">située sur la gauche de la barre
des
titres&nbsp;:</p>
<ul>
<li>Premier clic : affichage des articles par <span style="font-weight:
bold;">Sujet</span>, dans l'ordre chronologique direct et en arborescences
déployées.</li>
<li>Deuxième clic : affichage des articles par <span style="font-weight:
bold;">Sujet</span>, dans l'ordre chronologique direct et en arborescences
fermées.</li>
<li>Troisième clic : rétablissement de l'affichage par défaut.</li>
</ul>
<p>Dans les deux premiers modes d'affichage en arborescence, vous pouvez cliquer
sur&nbsp;[<img style="width: 10px; height: 10px;" alt="Fermer"
src="css/img/down.png">]&nbsp;pour fermer une arborescence et sur&nbsp;[<img
style="width: 10px; height: 10px;" alt="Ouvrir"
src="css/img/right.png">]&nbsp;pour la déployer.</p>

</div>
<div data-faq="reponse_affichage" class="question">Est-il possible de répondre
à un article dans toutes les options d'affichage&nbsp;?</div>
<div data-faq="reponse_affichage" class="reponse">
<p>Oui.</p>
</div>

<div data-faq="auth_redaction" class="question">Je me suis authentifié et
pourtant les champs "Expéditeur" et "Email" de la fenêtre "Rédaction" sont
vides.</div>
<div data-faq="auth_redaction" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="lu_nonlu" class="question">J'ai lu un article et il est passé en
maigre. Comment le remettre en gras pour y répondre plus tard&nbsp;?</div>
<div data-faq="lu_nonlu" class="reponse">
<p>Clic-<span style="font-weight: bold;">droit</span> sur l'article et
sélectionner <span style="font-weight: bold; font-style: italic;">"Marquer le
message comme non lu"</span> dans le menu contextuel.<br></p>
</div>
</div>

<p class="rubrique">E - ICONES ET BOUTONS DE L'INTERFACE</p>

<div class="groupe_question">
<div data-faq="affiche_console" class="question">Quel est l'usage de l'icône
"Afficher la console"&nbsp;?</div>
<div data-faq="affiche_console" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="voir_source" class="question">Quel est l'usage du bouton "Voir
source"&nbsp;?</div>
<div data-faq="voir_source" class="reponse">
<p>Il permet d'accéder aux en-têtes de l'article, notamment à certains
paramètres techniques.</p>
</div>

<div data-faq="rech_art" class="question">Comment faut-il remplir les champs
disponibles dans la fenêtre "Recherche d'articles"&nbsp;?</div>
<div data-faq="rech_art" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="rech_crit" class="question">Est-il possible de faire une
recherche sur plusieurs critères&nbsp;?</div>
<div data-faq="rech_crit" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="rech_guill" class="question">Pourquoi la recherche
n'accepte-t-elle pas un mot entre guillemets dans le "Body"&nbsp;?</div>
<div data-faq="rech_guill" class="reponse">
<p>Réponse ...</p>
</div>
</div>

<p class="rubrique">F - REDACTION D'UN ARTICLE</p>

<div class="groupe_question">
<div data-faq="cit_barres" class="question">Pourquoi les barres des citations
sont-elles transformées en chevrons&nbsp;?</div>
<div data-faq="cit_barres" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="mod_sujet" class="question">Ai-je le droit de modifier le
Sujet&nbsp;?</div>
<div data-faq="mod_sujet" class="reponse">
<p>Ce n'est pas une question de droit, mais d'usages et de bonne information de
vos lecteurs. Si vous estimez qu'un nouveau <span style="font-weight:
bold;">Sujet</span> est plus approprié à votre réponse, il est d'usage de
rappeler l'ancien sujet comme ceci&nbsp;:&nbsp;<span style="font-style: italic;
font-weight: bold;">Mon nouveau sujet ... (Etait : Re: Ancien sujet de la
discussion ...)</span></p>
</div>

<div data-faq="dest_groups" class="question">Puis-je ajouter un ou plusieurs
groupes de destination&nbsp;?</div>
<div data-faq="dest_groups" class="reponse">
<p>Vous pouvez inscrire jusqu'à <span style="font-weight: bold;">trois</span>
groupes de destination. Cependant, au-delà de <span style="font-weight:
bold;">deux</span> groupes, vous devez obligatoirement inscrire un <span
style="font-weight: bold;">groupe de redirection</span> dans le champ <span
style="font-weight: bold;">"Faire suivre :"</span>. Pour plus d'informations sur
les <span style="font-weight: bold;">publications croisées</span>,
voir&nbsp;:&nbsp;<a
href="http://www.usenet-fr.net/fur/minis-faqs/crosspost.html"
target="_blank">http://www.usenet-fr.net/fur/minis-faqs/crosspost.html</a>.</p>
</div>

<div data-faq="redir_group" class="question">Qu'est-ce qu'un newsgroup de
redirection&nbsp;?</div>
<div data-faq="redir_group" class="reponse">
<p>Si un article est publié sur plus d'un groupe de discussion, il est
recommandé d'inscrire dans le champ <span style="font-weight: bold;">"Faire
suivre :"</span>,&nbsp;le groupe sur lequel les réponses à votre article
seront dirigées et sur lequel se poursuivra la discussion. Pour plus
d'informations sur les <span style="font-weight: bold;">redirections</span>,
voir&nbsp;:&nbsp;<a
href="http://www.usenet-fr.net/fur/minis-faqs/crosspost.html"
target="_blank">http://www.usenet-fr.net/fur/minis-faqs/crosspost.html</a>.</p>
</div>

<div data-faq="boutons_redac" class="question">Quel est l'usage des boutons
"img" et suivants&nbsp;?</div>
<div data-faq="boutons_redac" class="reponse">
<p><span style="font-style: italic;">"C'est comme le Port-Salut, c'est écrit
dessus."&nbsp;&nbsp;</span><img style="width: 15px; height: 17px;" alt="Wink"
src="css/img/icon_e_wink.gif"><br>
Seule la bulle sur le bouton <span style="font-weight: bold;">spoil
</span>mérite
une précision&nbsp;:&nbsp;le texte sélectionné est non seulement caché, mais
aussi codé en <span style="font-weight: bold;">ROT 13</span>. Pour une
explication du codage ROT 13 voir&nbsp;:&nbsp;<a
href="http://fr.wikipedia.org/wiki/ROT13">http://fr.wikipedia.org/wiki/ROT13</a>.</p>
</div>
</div>

<p class="rubrique">G - QUESTIONS TECHNIQUES</p>

<div class="groupe_question">
<div data-faq="reboot_perso" class="question">J'ai redémarré mon ordinateur
après une mise à jour logicielle et toutes mes personnalisations ont disparu.
Tous les articles sont de nouveau en gras.<br>
</div>
<div data-faq="reboot_perso" class="reponse">
<p>Réponse ...</p>
</div>

<div data-faq="view_pdf" class="question">J'ai inséré un fichier PDF dans mon
article et je ne le vois pas dans l'onglet "Aperçu".<br>
</div>
<div data-faq="view_pdf" class="reponse">
<p>La solution dépend du type de navigateur que vous utilisez.</p>
<ul>
<li><span style="font-weight: bold;">Chrome</span> : Entrez "<span
style="font-weight: bold;"><span style="font-style:
italic;">about:plugins</span>"</span> (sans les guillemets) dans la barre de
navigation et affichez la page correspondante. Trouvez la ligne "<span
style="font-weight: bold;">Chrome PDF Viewer</span>" et vérifiez que le plug-in
est bien <span style="font-weight: bold;">activé</span>.</li>

<li><span style="font-weight: bold;">Chromium</span> (sous
Linux)&nbsp;:&nbsp;Regardez si vous avez "<span style="font-weight:
bold;">Mozplugger</span>" dans les paquets proposés avec votre distribution.
S'il n'est pas disponible, téléchargez le ici&nbsp;:&nbsp;<a
href="http://mozplugger.mozdev.org/"
target="_blank">http://mozplugger.mozdev.org/</a>. Après installation du paquet
et la première fois que vous ouvrirez un article contenant un document PDF dans
Nemo, une boîte de dialogue devrait s'afficher pour vous demander si vous
voulez voir les PDF sur ce site. Validez votre accord pour le serveur Nemo.</li>

<li><span style="font-weight: bold;">Firefox</span>&nbsp;:&nbsp;Ouvrez le menu
"<span style="font-weight: bold;">Outils</span>" =&gt; "<span
style="font-weight: bold;">Options</span>" =&gt; "<span style="font-weight:
bold;">Applications</span>". Dans la liste de gauche, sélectionnez "<span
style="font-weight: bold;">Portable
Document Format (PDF)</span>". Dans la liste déroulante à droite,
sélectionnez "<span style="font-weight: bold;">Aperçu dans Firefox</span>"
=&gt; <span style="font-weight: bold;">OK</span>.</li>

<li><span style="font-weight: bold;">Internet
Explorer</span>&nbsp;:&nbsp;L'affichage des documents au format PDF est
tributaire de plusieurs critères
(version du navigateur, version de l'ActiveX, paramètres de sécurité dans
"Options Internet" et autres). Si vous voulez vous épargner des recherches
fastidieuses et qui risquent de ne pas résoudre le problème, il y a une
solution simple&nbsp;:&nbsp;installez <span style="font-weight:
bold;">Firefox</span> à partir d'ici <a
href="http://www.mozilla.org/fr/firefox/fx/"
target="_blank">http://www.mozilla.org/fr/firefox/fx/</a> et faites en votre
navigateur par défaut. Firefox est gratuit et disponible pour toutes les
plate-formes.</li>
</ul>
</div>
</div>



</div>



<div id="contextMenu" data-ID="" style="display:none">
<div data-menu="mark_nonlu"> Marquer le message comme non lu </div>
<div data-menu="voir_source"> Voir la source </div>
<hr>
<div data-menu="open_window"> Ouvrir dans une nouvelle fenêtre </div>
<hr>
<div data-menu="load_more"> Voir plus d'articles </div>
</div>

<div id="contextMenuNewsgroup" data-name="" style="display:none">
<div data-menu="mark_favori"> Ajouter aux favoris </div>
<div data-menu="delete_favori" style="display:none"> Retirer des favoris </div>
<div data-menu="tri_favoris"> Trier les favoris par ordre alphabétique </div>
</div>

<div id="infobulle" style="display:none">
</div>
</body>
</html>
[/code]




test citation depuis NNTP