Aide en javascript (afficher tout ou partie d'un div)

Résolu/Fermé

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 27 mars 2015 à 11:14
VlkPr3s Messages postés 235 Date d'inscription vendredi 30 mai 2014 Statut Membre Dernière intervention 27 juin 2016 - 27 mars 2015 à 12:04

Bonjour,
Je dois créer un tableau comme ceci:
1ere colonne: une couleur (en fonction du thème, Actu, Panne, projet etc.)
2eme colonne: une image (en fonction du thème, Actu, Panne, projet etc.)
3eme colonne: du texte (issue d'une requête)
Pour ce texte, je voudrais afficher 3 lignes. Si plus long, il faudrait afficher un bouton qui permettrait d'afficher l'intégralité de ce texte.
J'ai pensé a mettre une div dans une cellule du tableau, et si plus de X caractères dans cette div, afficher un bouton pour agrandir cette div ou en afficher une autre avec son texte complet.
Je travaille avec Sharepoint 2010.
Merci beaucoup à ceux qui donneront une piste (je ne maitrise pas trop le javascript.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

A voir également:

Aide en javascript (afficher tout ou partie d'un div)
Creer un groupe whatsapp a partir d'un autre groupe - Guide
Telecharger javascript - Télécharger - Langages
Inoué veut diffuser une partie de jeu vidéo en continu et en direct (live streaming). elle souhaite afficher sur sa diffusion : son jeu sa webcam en vignette configurez son logiciel de diffusion ci-dessous pour que les deux éléments s’affichent. - Forum Webcam
Javascript round ✓ - Forum Javascript

1 réponse

Réponse 1 / 1

VlkPr3s Messages postés 235 Date d'inscription vendredi 30 mai 2014 Statut Membre Dernière intervention 27 juin 2016 130
27 mars 2015 à 11:18

Pas besoin de javascript le html va gerer ton tableau et le .css la mise en forme va la dessus et fait toi plaisir ..;

http://www.csstablegenerator.com/

Tu vas surement devoir jouer avec les
<td> et <tr> pour les sauts de ligne et la tabulations mais voilà :)

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 517
27 mars 2015 à 11:58

Bonjour VlkPr3s,
Je crois que je me suis mal exprimé. Le TR a une hauteur fixe tout comme les TD ont une largeur fixe.
Mon Pb c'est d'afficher du contenu (max 300 caractères par exemple) et si supérieur a 300 afficher l'intégralité dans un div (le textarea ne convient pas car sa hauteur ne change pas même avec la scrollbar). Je dois pouvoir afficher la totalité par dessus de façon a ce qu'on puisse tout lire sans scrollbar.
J'ai fait le tableau et le CSS. Le seul Pb c'est l'affichage d'un bouton style "Lire la suite" exactement comme ici sur CCM.
Merci beaucoup pour ton intervention.

VlkPr3s Messages postés 235 Date d'inscription vendredi 30 mai 2014 Statut Membre Dernière intervention 27 juin 2016 130
27 mars 2015 à 12:04

tr et td peuvent être modifier ...

J'ai des boutons retour ect et soit tu les définis avant et ils apparaisse en haut de ton tableau soit après soit pendant à toi de voir en fonction de ce que tu veux ..

Si tu ne vois pas ce que je veux dire voici un exemple niveau html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" href="css/s.css">
<body>
<tr><a href="deconnection.php" title="" alt="" align="right" class="myButton">Déconnexion</a>
		<p class="logo">
			<?php
				echo "<img src='img/banniere.jpg' style='width:800px'>";
				?>			
		</p>
	</tr>
	<tr>
		<h1>
				Parcours de fichier 		
		</h1>
		<div class="CSSTableGenerator">
				<table>
					<tr>
						<td>Répertoire</td>
						<td width="250">Nom fichier</td>
						<td>Historique</td>						
						<td width="200">Téléchargement</td>
						<td>Taille</td>
						
					</tr>
<?php

Discussions similaires

Annuaire portable gratuit à partir d'un nom

Afficher toutes les lignes masquées excel

Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport

Pokémon X et Y : comment effacer une partie ?

Excel formule : savoir si une cellule contient partie texte