By:
On:
In: Uncategorized
With: 0 Comments

Per assegurar-nos que es vol realitzar una acció d’un enllaç on hem clicat i, per tant, evitar que es compleixi per haver clicat aquest enllaç per error, podem escriure el següent codi dins la mateixa etiqueta <a>. Al clicar sobre l’enllaç, apareixerà un missatge d’alerta del navegador amb el text especificat entre parèntesi i ens permetrà decidir si volem realitzar l’acció amb el botó “Acceptar” o denegar-la amb el botó “Cancelar”. <a onclick=”javascript: return confirm(Text);” href=”elnostreenllaç.php”> Per exemple, es podria aplicar en un vincle que provoca que s’esborri un cert contingut de la web on ens trobem. D’aquesta manera ens asseguraríem que realment es vol borrar. <p><aRead More →

By:
On:
In: HTML5, PHP, Wordpress
With: 0 Comments

En aquesta entrada s’explicarà un truc per a treballar amb wordpress quan es modifica un tema de wordpress per adaptar-lo a un disseny personal. El truc és el següent: A l’hora de mostrar les imatges a la nostra plantilla, el primer que s’ha de fer és copiar la carpeta que conté totes les nostres imatges (normalment s’anomena img, images, etc.) i col·locar-la dins el tema de wordpress corresponent perquè les detecti. Tot seguit, s’ha de canviar la ruta a l’arxiu html, ja que normalment és quelcom semblant al següent: <html> <img src=”../img/imatge.jpg”; </html> Però wordpress no detecta l’imatge, perquè la carpeta d’imatges l’hem col·locat dinsRead More →

By:
On:
In: CSS3, Javascript
With: 0 Comments

Fer responsive una pàgina web, vol dir que quan aquesta augmenta o disminueix de mida, ja sigui perquè es visualitza amb diversos tipus de pantalles o dispositius (ordinador, tablet, mòvil, etc.) o perquè es redueixi la mida del navegador per a qualsevol altre funció, el seu contingut pugui ser visible d’una manera correcta. Per a realitzar responsive, es pot fer de diverses maneres i utilitzant moltes eines. Tot seguit mostrem dues possibles maneres de fer que el contingt del nostre portal web es mostri correctament es miri des del dispositiu que es miri: 1. foundation.css -> és un framework per a utilitzar a l’hora de ferRead More →

By:
On:
In: MySQL
Tagged: ,
With: 0 Comments

En MySQL, quan escrivim la consulta demanant que ens llisti el contingut d’un array, per defecte ens el mostra tot; és a dir, ens mostra totes les entrades. Per tal de limitar-ho, s’afegeix aquest codi al final de la consulta: $sql = ‘SELECT * FROM foto LEFT JOIN usuari ON usuari_id = foto_usuari_fk LEFT JOIN categoria ON categoria_id = foto_categoria_fk LEFT JOIN liketable ON liketable_foto_fk = foto_id ORDER BY liketable_foto_fk DESC limit 5’; En aquest cas, només llistarà 5 ítems de la taula “foto”.Read More →

By:
On:
In: Javascript
With: 0 Comments

Si tenim una pàgina amb elements que varien la seva mida segons el contingut i volem que quedin ordenats sense que quedin espais en blanc, la manera més fàcil per fer-ho és utilitzant un plugin de jquery anomenat Masonry. Primer haurem de carregar el plugin col·locant-lo a la carpeta corresponent on tinguem els plguins js i després carregar-lo al <head> de la pàgina. <script src=”/path/to/masonry.pkgd.min.js”></script> El codi amb el que el carreguem i especifiquem les dimensions és: var container = document.querySelector(‘#container’); var msnry = new Masonry( container, { // options columnWidth: 200, itemSelector: ‘.item’ }); on “#container” és el nom de la id que hemRead More →

By:
On:
In: CSS3, HTML5, PHP
With: 0 Comments

Un Framework ofereix components com una llibreria, però a més proporciona plantilles o esquelets que defineixen el funcionament de les aplicacions. Per exemple, per una aplicació senzilla el Framework subministra un centre de notificacions, pasteboard, … que permeten manejar i controlar pràcticament tota l’aplicació sense la necessitat d’escriure molt de codi. Per una aplicació basa en documents, la plantilla s’encarrega de cada un dels document oberts (títols de les finestres, canvis en el contingut de cada una, notificar si el document que s’està a punt de tancar té canvis sense guardar, etc.). Aquestes plantilles que ofereix el Framework es poden adaptar a diferents necessitats. I,Read More →

By:
On:
In: PHP
With: 0 Comments

Assignar variables com si fossin un array <?php $elmeu_array = array(“Gos”,”Gat”,”Cavall”); list($a, $b, $c) = $elmeu_array; echo “Tenc varis animals, a $a, a $b and a $c.”; ?> Quan es mostri echo sortiran les variables $a(gos), $b(gat) i $c(cavall)Read More →

By:
On:
In: Javascript
Tagged:
With: 0 Comments

El toggle es un efecte javascript que desplega i plega l’element que demanis. $(“button”).click(function(){ $(“element”).toggle(); }); Els atributs que es poden donar al toggle són: Speed: “slow”, “fast” o be els milisegons. Easing: “swing” (la velocitat augmenta i disminueix gradualment) o “linear” (velocitat constant). Hi ha altres opcions en pluguins. Callback: Defineixes una acció que s’executarà despres del toggle  Read More →

By:
On:
In: PHP
Tagged: ,
With: 0 Comments

Phpmailer és una classe php que permet enviar correus. Per entendre millor el seu funcionament utilitzarem el següent exemple: Si tenim una pàgina de registre i volem que l’usuari registrat rebi un missatge a la seva adreça de correu electrònic automàticament, haurem de crear un fitxer (anomenat generalment phpmailer.php) amb el següent codi en format php: <?php $to = $email; $subject = “Benvingut a Phrasam”; $message = “Benvingut a Phrasam, l’espai on trobaràs la manera de dir el que sents!”; $from = $_POST[’email’]; $name = $_POST[‘nom’]; $headers = “From: Phrasam”; mail($to,$subject,$message,$headers,$from); ?> La variable $to ens permet especificar a qui anirà dirigit el correu (en aquestRead More →

By:
On:
In: HTML5
Tagged: , ,
With: 0 Comments

Des de les primeres versions d’iOS, aquest sistema operatiu permet guardar, al directori d’aplicacions, qualsevol web per tal de tenir-hi accés ràpidament. Si pengem una imatge a l’arrel del servidor amb el nom “apple-touch-icon.png”, els dipositius iOS la detectaran com la icona que ha de fer servir. Malgrat això, si no tenim accés a la carpeta inicial de la nostra web o volem tenir la imatge guardada en una altra carpeta, cal incloure aquest codi al head de la pàgina: <link href=”img/apple-touch-icon.png” rel=”apple-touch-icon-precomposed”/>  Read More →