Caràcters especials en LIKE (SQL) utils per mots encreuats

Publicat el 29 abril 2025 per admin

Caràcters especials en `LIKE` (SQL)

% → Comodí per qualsevol nombre de caràcters
- Representa qualsevol seqüència de caràcters (inclosos zero caràcters).
- Exemple:
  - "ca%" → Tots els mots que comencen per ca (casa, carrer, carta…).
  - "%na" → Tots els mots que acaben en na (mana, lluna…).
  - "%or%" → Tots els mots que contenen or en qualsevol posició (motor, porta…).

_ → Comodí per a un sol caràcter
- Representa exactament un caràcter qualsevol.
- Exemple:
  - "c_t" → Tots els mots de tres lletres que comencen amb c i acaben amb t (cat, cot…).
  - "__a__" → Tots els mots de cinc lletres amb a com a tercera lletra (canal, coral…).

[] → Coincideix amb un grup de caràcters especificats
- Permet buscar caràcters concrets o un rang de caràcters en una posició.
- Exemple:
  - "[aeiou]" → Troba paraules que contenen qualsevol vocal (animal, elefant, idea…).
  - "c[aeiou]t" → Tots els mots que comencen amb c, tenen una vocal, i acaben amb t (cat, cot, cut…).
  - "c[a-c]t" → Tots els mots que comencen amb c, tenen una lletra entre a i c, i acaben amb t (cat, cbt…).

[^] → Exclou caràcters específics
- Busca caràcters que no estiguin dins el rang especificat.
- Exemple:
  - "c[^aeiou]t" → Tots els mots que comencen amb c, tenen una consonant, i acaben amb t (cat no coincideix, però crt sí).
  - "[a-f][^e]r" → Paraules que comencen amb una lletra entre a i f, no tenen e com a segona lletra, i acaben amb r.

\ → Escapar caràcters especials
- Si necessites buscar caràcters que són especials (com %, _, [, ]), pots escapar-los amb \.
- Exemple:
  - "10\%" → Cerca literal 10% (sense interpretar % com a comodí).
  - "c\[o\]t" → Busca literal c[o]t.

Combinar patrons:
- Pots combinar aquests patrons per fer cerques més avançades.
- Exemple:
  - "__a%t" → Totes les paraules amb almenys quatre lletres, que tinguin a com a tercera lletra i acabin amb t.
  - "a[_]%e" → Paraules que comencen amb a, tenen un segon caràcter qualsevol, i acaben amb e.

Altres patrons útils (NO només amb `LIKE`)

`REGEXP` (Expressions regulars, si la teva base de dades ho permet)

Per cerques més complexes, pots utilitzar REGEXP (MySQL, PostgreSQL…).

^ → Coincideix al principi d’una cadena.
- Exemple: REGEXP '^ca' → Paraules que comencen amb ca.
$ → Coincideix al final d’una cadena.
- Exemple: REGEXP 'or$' → Paraules que acaben amb or.
| → Lògica OR.
- Exemple: REGEXP 'ca|ma' → Paraules que contenen ca o ma.
.* → Qualsevol seqüència de caràcters (similar a % en LIKE).
- Exemple: REGEXP '.*a.*e.*' → Paraules que contenen a i després e.

Dbeaver. Executar SQL

Publicat el 29 abril 2025 per admin

SELECT * FROM `english_castilian` WHERE `tipus` LIKE '%*iv%' ORDER BY `catala` ASC;

Executa: SELECT * FROM `english_castilian` WHERE `tipus` LIKE ‘%*iv%’ ORDER BY `catala` ASC premen la fletxa a l’esquerra del SQL

Capsa Replicadora

Publicat el 6 març 2025 per admin

Aquest tipus d’entrada s’han de fer com HTML

<!DOCTYPE html>
<html lang="ca">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Capsa Replicadora</title>
    <link rel="icon" href=".ico" type="image/x-icon">
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            background-color: #f0f0f0;
            min-height: 100vh;
        }
        .container {
            background-color: rgb(213, 225, 225);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 80%;
            max-width: 800px;
            margin-top: 50px;
            box-sizing: border-box;
        }
        h1 {
            text-align: center;
            color: #333;
        }
        p {
            margin: 5px 0;
            color: #444;
        }
        .input-wrapper {
            width: 50%;
            margin: 0 auto 10px auto; /* Centra les entrades */
        }

        /* Responsivitat per a dispositius petits */
        @media (max-width: 600px) {
            .container {
                width: 90%;
                margin-top: 30px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Capsa Replicadora</h1>
        
        <div class="input-wrapper">
            <label for="cercar">Cercar:</label>
            <input type="text" id="cercar" name="cercar" autofocus onkeyup="replicarText()">
        </div>
        <div class="input-wrapper">
            <label for="replicar">Replicar:</label>
            <input type="text" id="replicar" name="replicar">
        </div>
    </div>
    <script>
        function replicarText() {
            //alert('entra a replicar');
            var cercarInput = document.getElementById('cercar');
            var replicarInput = document.getElementById('replicar');
            replicarInput.value = cercarInput.value;
        }
    </script>
</body>
</html>

Copiar entrada de text al porta-papers

Publicat el 20 octubre 2024 per admin

script

function copiarAlPortaRetalls() {
            var text = document.getElementById("entrada").value;
            console.log("Text a copiar:", text); 
            navigator.clipboard.writeText(text).then(function() {
                alert("Text copiat al porta-retalls!"); });
        }

function copiarAlPortaRetalls() {
// Declara una funció anomenada copiarAlPortaRetalls.

var text = document.getElementById("entrada").value;
// Obté el valor de l'element HTML amb l'ID "entrada" i l'emmagatzema a la variable 'text'.

console.log("Text a copiar:", text);
// Mostra el text a copiar a la consola del navegador per a depuració.

navigator.clipboard.writeText(text).then(function() {
    // Utilitza l'API del porta-retalls per copiar el text. Si la còpia és exitosa, executa la funció dins del 'then'.

    alert("Text copiat al porta-retalls!");
    // Mostra una alerta a l'usuari indicant que el text s'ha copiat correctament al porta-retalls.
});

}

Com enviar un formulari quan es prem la tecla retorn.

Publicat el 11 juliol 2022 per admin

Respon

<form method="POST">
<input type="text" name="name" onkeypress="submitOnEnter(event)"/> 
</form>

Escriure i llegir valor en entrada html

Publicat el 4 juliol 2022 per admin

Respon

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<!–<input type=”text” id=”id_name” name=”name” value =”<?echo $_POST[name]; ?>” > –>

document.getElementById(“id_name”).value = “urqt”; //escriu valor

</script>

a= document.getElementById(“id_name”).value //llegeix valor

</script>

alert(a); //valor llegit

</script>

</body>

</html>

Shift F6

JavaScript Hello world!

Publicat el 3 juliol 2022 per admin

Respon

Hello, world!

<head>

<title>Document</title>

</head>

<body>

<p>Before the script…</p>

alert( ‘Hello, world!’ );

</script>

hello();

</script>

<p>After the script…</p>

</body>

</html>

Aqui es pot veure el resultat:

Hola mon

JQuery

Publicat el 26 juny 2022 per admin

Respon

jQuery és una biblioteca o framework de Javascript, creada inicialment per John Resig, que permet simplificar la manera d’interaccionar amb els documents HTML, manipular l’arbre DOM, gestionar esdeveniments, desenvolupar animacions i afegir interacció amb la tecnologia AJAX en pàgines web.[1] Es va presentar el gener del 2006 a BarCamp NYC.D’acord amb una anàlisi de la Web (realitzat l’any 2017) JQuery és la biblioteca de JavaScript més utilitzada, per un ampli marge. [2][3]

jQuery ofereix una sèrie de funcionalitats basades en Javascript que d’una altra manera requerien molt més codi, és a dir, amb les funcions d’aquesta biblioteca s’aconsegueixen bons resultats en menys temps i espai.

La sintaxi de JQuery està dissenyada per facilitar la navegació per un document, seleccionar elements DOM, crear animacions, manejar esdeveniments i desenvolupar aplicacions AJAX. JQuery també proporciona capacitats perquè els desenvolupadors creuen complements a la part superior de la biblioteca de JavaScript. Això permet als desenvolupadors crear abstraccions per interacció i animació de baix nivell, efectes avançats i ginys temàtics d’alt nivell. L’enfocament modular de la biblioteca jQuery permet la creació de poderoses pàgines web dinàmiques i aplicacions web.

El conjunt de característiques principals de jQuery (seleccions d’elements DOM, recorregut i manipulació) habilitats pel seu motor de selecció (denominat “Sizzla” de v1.3), van crear un nou “estil de programació”, algoritmes de fusió i estructures de dades DOM. Aquest estil va influir en l’arquitectura d’altres marcs de JavaScript com Yahoo! UI Library i Dojo, el que més tard va estimular la creació de les API de selectors estàndard.[4]

Les empreses Microsoft i Nokia van anunciar que incloïen la biblioteca a les seves plataformes. Microsoft l’afegeix al seu IDE Visual Studio i l’utilitzarà juntament amb el framework ASP.NET AJAX i ASP.NET MVC, mentre que Nokia els integrarà a la seva plataforma Web Run-Time.

[5] Microsoft l’afegirà en el seu IDE Visual Studio [6] i la farà servir juntament amb els frameworks ASP.NET AJAX i ASP.NET MVC, mentre que Nokia els integrarà amb la seva plataforma web Run-Time.[7]

Botó basculant

Publicat el 11 febrer 2013 per admin

Respon

Si fas clic al botó de sota canvia de valor



<script>
function myFunction()
{
c= document.proves_form.idEntrada.value;
    if (c==1)
      {
      document.proves_form.idEntrada.value = 0 ;
        }
      else if (c==0)
       {
        document.proves_form.idEntrada.value = 1 ;
      }
}
</script>
<form method="POST" action="" name="proves_form"> 
<input type= "button" id= "idEntrada" value="0" onclick="myFunction()">
</form>

Passar un array de JavaScript a php

Publicat el 4 maig 2012 per admin

Respon

array_JS_php.htm

[codesyntax lang=”html4strict”]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="ca" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>passsar array JS a php</title>

<script type="text/javascript">

scriptAr = new Array();
scriptAr[0] = "one";
scriptAr[1] = "two";
scriptAr[2] = "three";

 function setValue()
{
// ho passa a cadena
var arv = scriptAr.toString();
test.arv.value = arv ;

// ho escriu al formulari de forma oculta per al scrip php
}
</script>
 
</head>

<body>

<form action="phpArrayTest.php" method="post" name="test" onsubmit="setValue()">

<p>
Aquest exemple crea&nbsp; l&#39;array scriptAr[0] = &quot;one&quot;; scriptAr[1] = &quot;two&quot;; scriptAr[2] = &quot;three&quot;. <br />
Quan  

s&#39;envia el formulari demes de l&#39;acció &quot;phpArrayTest.php&quot; també s&#39;executa la 
funció JS &quot;setValue()&quot;. Mirar codi posant el ratolí 
<span style="color: #FF0000">aquí</span> i premen lo 
boto dret  

.<br />
La funció setValue() passa l&#39;array a un camp ocult del formulari de nom 
<span style="font-weight: 700">arv</span> . Es a dir el prepara per a que 
l&#39;acció php ho pugui llegir. </p>




<input name="arv" type="hidden" />
<input type="submit" value="enviar formulari"/>

</form> 

<p>
Codi de l'acció phpArrayTest.php:</p>

</body>

</html>

[/codesyntax]

phpArrayTest.php

[codesyntax lang=”php”]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sin título 1</title>
</head>

<body>

<?php

$ss = $_POST['arv']; 
//echo " valor de ss= ". $ss;
// La funcion explode convertira la cadena a arreglo 
//******************************
$tok = explode(',',$ss); 
//******************************
// per a visualitzar-la la tornem a possar en una lìnia
echo  implode(',',$tok);

?>

</body>

</html>

[/codesyntax]