Amb CSS, es poden definir quatre tipus de posicions diferents als diversos elements que composen un document HTML. Són la posició estàtica, la relativa, la fixa i l’absoluta: Static És la que ve donada per defecte Es mou amb la finestra Agafa l’amplada de la finestra Se li pot donar la propietat float (left, right) i clear (left, right, both) Relative És igual que l’static, però posiciona respecte l’antecessor (en anglès, ancestor) sempre i quan no sigui estàtic Es pot posicionar respecte un top, un right, un bottom, o un left Fixed No es mou respecte la finestra; amb scroll no es mou No tenen en compte elsRead More →

En algunes ocasions volem crear els clàssics radio buttons personalitzats, amb imatges o divs, per exemple, per crear un formulari de selecció de sexes, entre home i dona, que segons el que seleccionem, posteriorment podrem fer aparèixer unes variables o unes altres o fer uns moviments o uns altres. Només necessitarem tenir la imatge o el div del propi botó de selecció (amb classe pròpia – en aquest exemple seran .home i .dona) i una classe .true, la qual podria no tenir cap propietat CSS. Per tant, un exemple seria: $(‘.home’).click(function(){ //Desactiva els dos botons. Serveix per si canviem de botó selector $(this).removeClass(“true”); $(‘.dona’).removeClass(“true”); //HomeRead More →

Si volem comprovar quin navegador utilitza l’usuari visitant mirarem l’string de l’agent d’usuari que el navegador envia com a part de la petició HTTP. Aquesta informació s’emmagatzema dins d’una variable. A php, les variables sempre comencen amb un signe de dollar ($). La variable que ens interessa ara, per tal de conèixer la informació esmentada anteriorment, és $_SERVER[‘HTTP_USER_AGENT’]. $_SERVER és una variable especial reservada per PHP que conté tota la informació del servidor web. Es coneix com una Superglobal. Un exemple del codi per tal de saber aquesta informació seria: <?php echo $_SERVER[‘HTTP_USER_AGENT’]; ?> I un exemple del resultat d’aquest script podria ser: Mozilla/4.0 (compatible;Read More →

El switch és equivalent a els if/elseif/else on es pot comprovar diverses condicions. Es compon de: la paraula clau switch, una variable per comprovar, i un parell de claus. En el cas de l’exemple, extret del Code Academy, s’utilitza el switch am el $myNum. Llavors s’utilitzen els casos per distingir els diferents elements de la llista. En l’exemple el cas 1: echo “1”; break; comprova si $myNum és igual a 1. Si és així, es fa echo de “1”, i utilitza break per sortir del switch. Si no fos aixó, es passaria al següent cas. Si tots donen negatiu, es fa ressó del cas perRead More →

Sempre que es vulgui fer una animació d’un element al mateix CSS s’haurà d’utilitzar el següent codi: @-webkit-keyframes ‘nom_animació’ { 0% {‘inserir_estil’} 100% {‘inserir_estil’} } Cal tenir en compte que els percentatges seran els que es desitgin i que s’haurà d’aplicar el següent codi a la classe de l’element, també al mateix full d’estil, per activar l’animació, establir-ne la duració i les repeticions respectivament: -webkit-animation-name: nom;  -webkit-animation-duration: ‘numero’s; -webkit-animation-iteration-count:’infinite, numero’;  Read More →

De variables amb php en trobem de diversos tipus. Per exemple: 1. String: referent a caràcters (‘Hola’, ‘Adeu’, ‘Hola que tal’) 2. Integer: referent a nombres enters (3,-14,5…) 3. Float: nombres amb decimals (3.1416, -24,355…) 4. Booleans: variables que tenen un estat. True, false o 0 i 1. 0 equival a false i 1 equival a true. 5. Array: és un grup de valors Per a declarar una variable es fa col·locant el dolar davant. Tot seguit en mostrem un exemple: Si és un string, el text es posa entre dues cometes: Si és un integer, el nombre no va entre cometes: Si és unRead More →