SELECT nom_colonne
FROM nom_table
ORDER BY LOCATE('_', nom_colonne) DESC, LENGTH(nom_colonne), nom_colonne;
var gateway = `ws://${window.location.hostname}/ws`;
var websocket;
var debut = Date.now();
var dernier = Date.now();
// démarre le WS au chargement de la page
window.addEventListener('load', onload);
function onload(event) {
initWebSocket();
}
function initWebSocket() {
console.log('Connexion WebSocket');
websocket = new WebSocket(gateway);
websocket.onopen = onOpen;
websocket.onclose = onClose;
websocket.onmessage = onMessage;
}
// verification de la connexion à l'ESP
const itvl = setInterval(testPresence(), 2000);
function testPresence() {
console.log(dernier);
// TEST ICI MAIS ÇA NE PASSE JAMAIS ICI !
}
function onMessage(event) {
dernier = Date.now();
console.log(event.data);
// le traitement du message pour afficher des trucs ...
// je coupe c'est un peu long pas forcement pertinent ici
}
// ouverture fermeture
function onOpen(event) {
console.log('Connexion établie');
}
function onClose(event) {
console.log('Connexion fermée');
setTimeout(initWebSocket, 2000);
}
<video autoplay loop playsinline muted poster="./assets/img/poster.jpg">
<source src="./assets/video/video.mp4" type="video/mp4">
</video>
<video autoplay loop playsinline muted preload="none" poster="./assets/img/poster.jpg">
<source src="./assets/video/video.mp4" type="video/mp4">
</video>
<video autoplay loop playsinline muted preload poster="./assets/img/poster.jpg">
<source src="./assets/video/video.mp4" type="video/mp4">
</video>
)boteha_2 a écrit :
Bonjour gcyrillus,
Merci de ta contribution.
boteha_2 a écrit :
Encore que cela puisse être simplifié par l'emploi de calc () et 100vw auxquels je n'avais pas pensé, comme tu le montres dans le deuxième exemple..
main {
max-width: min-content;
}
section,
article,
div{
min-width: min(
var(--doubleCol),
max(
var(--singleCol),
calc(100vw - var(--doubleCol))
)
);
width: 100%;
}:root {
--singleCol: 240px;
--doubleCol: calc(var(--singleCol) * 2);
}
grid-template-columns: repeat(auto-fit, min(var(--singleCol),var(--doubleCol))
) , mais il nous faut quand même une valeur pivot arbitraire. ) parsimonhi a écrit :
Je ne pige pas pourquoi ils n'ont toujours pas réussi à se mettre d'accord pour normaliser ça
<?php
$chaine = "Alsacréations est un \n super site d'apprentissage";
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titre du document</title>
<link rel="stylesheet" href="css/styles.css" media="all">
</head>
<body>
<p><?= $chaine ?></p>
<script src="app.js"></script>
</body>
</html>
String.prototype.nl2br = function(isXhtml){
return typeof this === 'undefined' || this === null? '' : (this + '').replace(/(\r\n|\n\r|\r|\n)/g, isXhtml || typeof isXhtml === 'undefined' ? '<br ' + '/>' + '$1' : '<br>' + '$1')
}
let $p = document.querySelector('p')
$p.innerHTML = $p.innerHTML.nl2br()
Mathieuu a écrit :
Je ne pige pas pourquoi ils n'ont toujours pas réussi à se mettre d'accord pour normaliser ça
QuentinC a écrit :
Vu que la discussion sur device-width est partie sur un autre topic, je marque celui-ci comme résolu.
a écrit :
Par contre je n’ai toujours pas compris quand il fallait ou non doubler les \
a écrit :
Je dirais que ça doit être le signe que Javascript à pris le parti de n'utiliser que \n vu que le \r saute.
/\r?\n/g/\r\n|\n|\r/gOlivier C a écrit :
Peut-être cherches-tu quelque chose comme ceci ? :
grid-template-columns: repeat(auto-fit, minmax(min(20em, 100%), 1fr));
<div> // max-width: min-content
<div id="grid"> // GRID grid-template-columns: 210px 210px
<ul>
<ul>
</div>
<table> width 320px
</div>@media screen and (max-width: 420px).
{
div#grid {grid-template-columns: repeat(auto-fit, 210px)}
}grid-template-columns: repeat(auto-fit, minmax(min(var(--size-grid, 20em), 100%), 1fr));
de CR (\r ) vs LF (\n) vs CRLF ( \r\n ) ..
Raphael a écrit :
Si tel est le cas, ta grille génèrera toujours des colonnes de tailles identiques, on est d'accord ?
grid-template-columns: repeat(auto-fit, 140px).grid {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}Résidence St Louis\r\n40 rue de NantesRésidence St Louis\n40 rue de Nantes
value = value.replace(/\r/g, '');
cell.innerText = value;
// et
let value = cell.innerText;
cell.innerHTML = value.replace(/\r\n/g, '<br>');
// et
let value = cell.innerHTML.replace(/<br>/g, '\r\n');
<p id="p"></p>
<p id="p2"></p>
const paragraph = "Résidence St Louis\r\n40 rue de Nantes";
const paragraph2 = "Résidence St Louis<br>40 rue de Nantes";
document.getElementById('p').innerHTML = paragraph.replace(/\r\n/, '<br>');
document.getElementById('p2').innerText = paragraph2.replace('<br>', '\\r\\n');
Résidence St Louis
40 rue de NantesRésidence St Louis\r\n40 rue de Nantes
$paragraph = "Résidence St Louis\r\n40 rue de Nantes";
echo nl2br($paragraph);
matissed a écrit :
si je mets ce <link rel="canonical" href="https://delaplace.fr/index.htm" /> qui renvoit vers l'index principal du site, que va t'il se passer quand le robot passera dessus??
Résidence St Louis
40 rue de NantesRésidence St Louis\r\n40 rue de Nantes<td>Résidence St Louis<br>40 rue de Nantes
cell.innerHTML = value.replace(/\\r\\n/, '<br>');
let value = cell.innerHTML.replace(/<br>/, '\r\n');
Olivier C a écrit :
Ce qu'il y a de bien avec toi c'est que l'on découvre toujours pleins de trucs qui sortent de l'ordinaire.
AlexInSi a écrit :
Mon ancien site se portait très bien avec l'instruction de base en HTML
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"> et les media queries de base.
Sauf que ça ne va plus être possible pour mon nouveau site car device-width va disparaître des navigateurs (je rappelle l'information : https://developer.mozilla.org/en-US/docs/Web/CSS/@media/device-width).
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><link rel="stylesheet" media="screen and (max-device-width: 799px)" href="http://toto.truc.com/narrow-styles.css" /><div> // max-width: min-content
<div> // white-space: nowrap soumis à media screen and (min-width: 1050px)
<ul> // inline-block
<ul> // inline-block
</div>
<table>
</div><div> // max-width: min-content
<div> // GRID auto-fit
<ul>
<ul>
</div>
<table>
</div>niuxe a écrit :
un bon mot de passe + leet
.titanic { float:none; }
(Edward John Smith)