diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:45:12 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:45:12 +0100 |
commit | cb9e359a51c3249d8f5157db69d43fd413ddeda6 (patch) | |
tree | ae3040d626c3b5717da5bda2af9f0a9ff9bd389f /files/ca/web | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-cb9e359a51c3249d8f5157db69d43fd413ddeda6.tar.gz translated-content-cb9e359a51c3249d8f5157db69d43fd413ddeda6.tar.bz2 translated-content-cb9e359a51c3249d8f5157db69d43fd413ddeda6.zip |
unslug ca: move
Diffstat (limited to 'files/ca/web')
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/advanced_animations/index.html (renamed from files/ca/web/api/canvas_api/tutorial/animacions_avançades/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html (renamed from files/ca/web/api/canvas_api/tutorial/aplicar_estils_i_colors/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/basic_animations/index.html (renamed from files/ca/web/api/canvas_api/tutorial/animacions_bàsiques/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/basic_usage/index.html (renamed from files/ca/web/api/canvas_api/tutorial/ús_bàsic/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/compositing/index.html (renamed from files/ca/web/api/canvas_api/tutorial/composició/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/drawing_text/index.html (renamed from files/ca/web/api/canvas_api/tutorial/dibuixar_text/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html (renamed from files/ca/web/api/canvas_api/tutorial/manipular_píxels_amb_canvas/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/api/canvas_api/tutorial/transformations/index.html (renamed from files/ca/web/api/canvas_api/tutorial/transformacions/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/_colon_is/index.html (renamed from files/ca/web/css/_colon_any/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/adjacent_sibling_combinator/index.html (renamed from files/ca/web/css/selectors_de_germans_adjacents/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/attribute_selectors/index.html (renamed from files/ca/web/css/selectors_d'atribut/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/child_combinator/index.html (renamed from files/ca/web/css/selectors_de_fills/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/class_selectors/index.html (renamed from files/ca/web/css/selectors_de_classe/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/css_box_model/introduction_to_the_css_box_model/index.html (renamed from files/ca/web/css/css_box_model/introducció_al_model_de_caixa_css/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/css_box_model/mastering_margin_collapsing/index.html (renamed from files/ca/web/css/css_box_model/dominar_el_col.lapse_del_marge/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/css_selectors/index.html (renamed from files/ca/web/css/selectors_css/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html (renamed from files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/descendant_combinator/index.html (renamed from files/ca/web/css/selectors_de_descendents/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/general_sibling_combinator/index.html (renamed from files/ca/web/css/selectors_general_de_germans/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/id_selectors/index.html (renamed from files/ca/web/css/selectors_id/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/reference/index.html (renamed from files/ca/web/css/referéncia_css/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/syntax/index.html (renamed from files/ca/web/css/sintaxi/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/type_selectors/index.html (renamed from files/ca/web/css/selectors_de_tipus/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/css/universal_selectors/index.html (renamed from files/ca/web/css/selectors_universal/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/guide/ajax/getting_started/index.html (renamed from files/ca/web/guide/ajax/primers_passos/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/caixes/index.html | 342 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html | 151 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/color/index.html | 354 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html | 130 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/css_llegible/index.html | 174 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/disseny/index.html | 383 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/estils_de_text/index.html | 162 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/index.html | 56 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/javascript/index.html | 147 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/llistes/index.html | 276 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html | 111 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/que_és_css/index.html | 120 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/selectors/index.html | 456 | ||||
-rw-r--r-- | files/ca/web/guide/css/inici_en_css/taules/index.html | 475 | ||||
-rw-r--r-- | files/ca/web/guide/graphics/index.html (renamed from files/ca/web/guide/gràfics/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html | 186 | ||||
-rw-r--r-- | files/ca/web/guide/html/using_html_sections_and_outlines/index.html (renamed from files/ca/web/guide/html/us_de_seccions_i_esquemes_en_html/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/guide/mobile/a_hybrid_approach/index.html | 43 | ||||
-rw-r--r-- | files/ca/web/guide/mobile/index.html | 18 | ||||
-rw-r--r-- | files/ca/web/guide/mobile/mobile-friendliness/index.html | 30 | ||||
-rw-r--r-- | files/ca/web/guide/mobile/separate_sites/index.html | 31 | ||||
-rw-r--r-- | files/ca/web/html/element/command/index.html | 156 | ||||
-rw-r--r-- | files/ca/web/html/element/element/index.html | 93 | ||||
-rw-r--r-- | files/ca/web/html/global_attributes/dropzone/index.html | 99 | ||||
-rw-r--r-- | files/ca/web/html/inline_elements/index.html (renamed from files/ca/web/html/elements_en_línia/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html | 29 | ||||
-rw-r--r-- | files/ca/web/javascript/about_javascript/index.html (renamed from files/ca/web/javascript/quant_a_javascript/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/guide/expressions_and_operators/index.html (renamed from files/ca/web/javascript/guide/expressions_i_operadors/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/guide/introduction/index.html (renamed from files/ca/web/javascript/guide/introducció/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html | 362 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/about/index.html (renamed from files/ca/web/javascript/referencia/sobre/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/classes/constructor/index.html (renamed from files/ca/web/javascript/referencia/classes/constructor/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/classes/index.html (renamed from files/ca/web/javascript/referencia/classes/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/classes/static/index.html (renamed from files/ca/web/javascript/referencia/classes/static/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/errors/read-only/index.html (renamed from files/ca/web/javascript/reference/errors/nomes-lectura/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/functions/rest_parameters/index.html (renamed from files/ca/web/javascript/reference/functions/parameters_rest/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/entries/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/entries/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/every/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/every/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/fill/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/fill/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/filter/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/filter/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/find/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/find/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/findindex/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/findindex/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/foreach/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/foreach/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/includes/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/includes/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/indexof/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/indexof/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/isarray/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/isarray/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/join/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/join/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/keys/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/keys/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/lastindexof/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/lastindexof/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/length/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/length/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/map/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/map/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/of/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/of/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/pop/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/pop/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/push/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/push/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/reduce/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/reduce/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/reverse/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/reverse/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/shift/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/shift/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/slice/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/slice/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/some/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/some/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/array/splice/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/array/splice/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/boolean/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/boolean/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/boolean/tosource/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/boolean/tosource/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/boolean/tostring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/boolean/tostring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/boolean/valueof/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/boolean/valueof/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html | 147 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getdate/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getdate/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getday/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getday/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getfullyear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getfullyear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/gethours/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/gethours/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getmilliseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getmilliseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getminutes/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getminutes/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getmonth/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getmonth/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/gettime/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/gettime/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/gettimezoneoffset/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcdate/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcdate/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcday/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcday/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcfullyear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcfullyear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutchours/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutchours/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcmilliseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcmilliseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcminutes/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcminutes/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcmonth/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcmonth/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getutcseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getutcseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/getyear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/getyear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/now/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/now/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setdate/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setdate/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setfullyear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setfullyear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/sethours/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/sethours/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setmilliseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setmilliseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setminutes/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setminutes/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setmonth/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setmonth/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/settime/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/settime/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutcdate/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutcdate/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutcfullyear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutcfullyear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutchours/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutchours/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutcmilliseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutcmilliseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutcminutes/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutcminutes/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutcmonth/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutcmonth/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setutcseconds/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setutcseconds/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/setyear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/setyear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/todatestring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/todatestring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/togmtstring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/togmtstring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/toisostring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/toisostring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/tojson/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/tojson/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/tostring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/tostring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/totimestring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/totimestring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/utc/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/utc/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/date/valueof/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/date/valueof/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/columnnumber/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/columnnumber/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/filename/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/filename/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/linenumber/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/linenumber/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/message/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/message/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/name/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/name/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/stack/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/stack/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/tosource/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/tosource/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/error/tostring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/error/tostring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html | 124 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/infinity/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/infinity/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/json/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/json/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/clear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/clear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/delete/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/delete/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/entries/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/entries/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/foreach/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/foreach/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/get/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/get/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/has/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/has/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/keys/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/keys/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/set/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/set/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/size/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/size/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/map/values/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/map/values/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/abs/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/abs/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/acos/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/acos/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/acosh/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/acosh/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/asin/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/asin/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/asinh/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/asinh/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/atan/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/atan/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/atan2/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/atan2/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/atanh/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/atanh/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/cbrt/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/cbrt/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/ceil/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/ceil/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/clz32/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/clz32/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/cos/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/cos/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/cosh/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/cosh/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/e/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/e/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/exp/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/exp/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/expm1/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/expm1/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/floor/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/floor/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/fround/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/fround/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/hypot/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/hypot/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/imul/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/imul/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/ln10/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/ln10/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/ln2/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/ln2/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/log/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/log/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/log10/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/log10/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/log10e/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/log10e/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/log1p/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/log1p/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/log2/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/log2/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/log2e/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/log2e/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/max/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/max/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/min/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/min/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/pi/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/pi/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/pow/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/pow/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/random/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/random/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/round/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/round/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/sign/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/sign/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/sin/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/sin/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/sinh/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/sinh/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/sqrt/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/sqrt/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/sqrt1_2/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/sqrt1_2/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/sqrt2/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/sqrt2/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/tan/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/tan/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/tanh/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/tanh/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/math/trunc/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/math/trunc/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/nan/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/nan/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/null/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/null/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/epsilon/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/epsilon/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/isfinite/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/isfinite/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/isinteger/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/isinteger/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/isnan/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/isnan/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/issafeinteger/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/issafeinteger/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/max_safe_integer/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/max_safe_integer/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/max_value/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/max_value/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/min_safe_integer/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/min_safe_integer/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/min_value/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/min_value/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/nan/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/nan/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/negative_infinity/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/negative_infinity/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/parsefloat/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/parsefloat/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/parseint/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/parseint/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/positive_infinity/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/positive_infinity/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/toexponential/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/toexponential/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/tofixed/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/tofixed/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/toprecision/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/toprecision/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/number/tostring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/number/tostring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/object/prototype/index.html | 215 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/parsefloat/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/parsefloat/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/add/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/add/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/clear/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/clear/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/delete/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/delete/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/entries/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/entries/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/has/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/has/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/set/values/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/set/values/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/anchor/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/anchor/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/big/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/big/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/blink/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/blink/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/bold/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/bold/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/charat/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/charat/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/concat/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/concat/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/endswith/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/endswith/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/fixed/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/fixed/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/fontcolor/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/fontcolor/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/fontsize/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/fontsize/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/fromcharcode/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/fromcharcode/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/indexof/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/indexof/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/italics/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/italics/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/length/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/length/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/link/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/link/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/normalize/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/normalize/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/small/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/small/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/startswith/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/startswith/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/sub/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/sub/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/substr/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/substr/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/sup/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/sup/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/tolocalelowercase/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/tolocalelowercase/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/tolocaleuppercase/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/tolocaleuppercase/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/tolowercase/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/tolowercase/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/tostring/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/tostring/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/touppercase/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/touppercase/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/trim/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/trim/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/trimend/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/trimright/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/string/trimstart/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/string/trimleft/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/syntaxerror/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/syntaxerror/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/undefined/index.html (renamed from files/ca/web/javascript/referencia/objectes_globals/undefined/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html | 133 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html | 132 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/index.html (renamed from files/ca/web/javascript/referencia/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/comma_operator/index.html (renamed from files/ca/web/javascript/referencia/operadors/operador_coma/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/conditional_operator/index.html (renamed from files/ca/web/javascript/referencia/operadors/conditional_operator/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/function/index.html (renamed from files/ca/web/javascript/referencia/operadors/function/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/grouping/index.html (renamed from files/ca/web/javascript/referencia/operadors/grouping/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/index.html (renamed from files/ca/web/javascript/referencia/operadors/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/super/index.html (renamed from files/ca/web/javascript/referencia/operadors/super/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/typeof/index.html (renamed from files/ca/web/javascript/referencia/operadors/typeof/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/void/index.html (renamed from files/ca/web/javascript/referencia/operadors/void/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/operators/yield/index.html (renamed from files/ca/web/javascript/referencia/operadors/yield/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/block/index.html (renamed from files/ca/web/javascript/referencia/sentencies/block/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/break/index.html (renamed from files/ca/web/javascript/referencia/sentencies/break/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/continue/index.html (renamed from files/ca/web/javascript/referencia/sentencies/continue/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/debugger/index.html (renamed from files/ca/web/javascript/referencia/sentencies/debugger/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/do...while/index.html (renamed from files/ca/web/javascript/referencia/sentencies/do...while/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/empty/index.html (renamed from files/ca/web/javascript/referencia/sentencies/buida/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/export/index.html (renamed from files/ca/web/javascript/referencia/sentencies/export/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/for...of/index.html (renamed from files/ca/web/javascript/referencia/sentencies/for...of/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/for/index.html (renamed from files/ca/web/javascript/referencia/sentencies/for/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/function/index.html (renamed from files/ca/web/javascript/referencia/sentencies/function/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/if...else/index.html (renamed from files/ca/web/javascript/referencia/sentencies/if...else/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/index.html (renamed from files/ca/web/javascript/referencia/sentencies/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/return/index.html (renamed from files/ca/web/javascript/referencia/sentencies/return/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/throw/index.html (renamed from files/ca/web/javascript/referencia/sentencies/throw/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/reference/statements/while/index.html (renamed from files/ca/web/javascript/referencia/sentencies/while/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html | 203 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html | 118 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html | 222 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html | 151 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html | 126 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html | 126 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html | 124 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html | 122 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html | 287 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html | 719 | ||||
-rw-r--r-- | files/ca/web/javascript/referencia/operadors/logical_operators/index.html | 302 | ||||
-rw-r--r-- | files/ca/web/opensearch/index.html | 33 | ||||
-rw-r--r-- | files/ca/web/progressive_web_apps/index.html | 49 | ||||
-rw-r--r-- | files/ca/web/progressive_web_apps/responsive/media_types/index.html (renamed from files/ca/web/guide/css/inici_en_css/mitjà/index.html) | 0 | ||||
-rw-r--r-- | files/ca/web/svg/tutorial/svg_and_css/index.html (renamed from files/ca/web/guide/css/inici_en_css/svg_i_css/index.html) | 0 |
308 files changed, 204 insertions, 7513 deletions
diff --git a/files/ca/web/api/canvas_api/tutorial/animacions_avançades/index.html b/files/ca/web/api/canvas_api/tutorial/advanced_animations/index.html index 4aebb46529..4aebb46529 100644 --- a/files/ca/web/api/canvas_api/tutorial/animacions_avançades/index.html +++ b/files/ca/web/api/canvas_api/tutorial/advanced_animations/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/aplicar_estils_i_colors/index.html b/files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html index 9adcc2d5f4..9adcc2d5f4 100644 --- a/files/ca/web/api/canvas_api/tutorial/aplicar_estils_i_colors/index.html +++ b/files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/animacions_bàsiques/index.html b/files/ca/web/api/canvas_api/tutorial/basic_animations/index.html index e4a3751d1e..e4a3751d1e 100644 --- a/files/ca/web/api/canvas_api/tutorial/animacions_bàsiques/index.html +++ b/files/ca/web/api/canvas_api/tutorial/basic_animations/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/ús_bàsic/index.html b/files/ca/web/api/canvas_api/tutorial/basic_usage/index.html index fb15a62d81..fb15a62d81 100644 --- a/files/ca/web/api/canvas_api/tutorial/ús_bàsic/index.html +++ b/files/ca/web/api/canvas_api/tutorial/basic_usage/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/composició/index.html b/files/ca/web/api/canvas_api/tutorial/compositing/index.html index e556e911d4..e556e911d4 100644 --- a/files/ca/web/api/canvas_api/tutorial/composició/index.html +++ b/files/ca/web/api/canvas_api/tutorial/compositing/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/dibuixar_text/index.html b/files/ca/web/api/canvas_api/tutorial/drawing_text/index.html index 37b730176a..37b730176a 100644 --- a/files/ca/web/api/canvas_api/tutorial/dibuixar_text/index.html +++ b/files/ca/web/api/canvas_api/tutorial/drawing_text/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/manipular_píxels_amb_canvas/index.html b/files/ca/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html index d792e62ef0..d792e62ef0 100644 --- a/files/ca/web/api/canvas_api/tutorial/manipular_píxels_amb_canvas/index.html +++ b/files/ca/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.html diff --git a/files/ca/web/api/canvas_api/tutorial/transformacions/index.html b/files/ca/web/api/canvas_api/tutorial/transformations/index.html index 2958d40498..2958d40498 100644 --- a/files/ca/web/api/canvas_api/tutorial/transformacions/index.html +++ b/files/ca/web/api/canvas_api/tutorial/transformations/index.html diff --git a/files/ca/web/css/_colon_any/index.html b/files/ca/web/css/_colon_is/index.html index 6669bc645a..6669bc645a 100644 --- a/files/ca/web/css/_colon_any/index.html +++ b/files/ca/web/css/_colon_is/index.html diff --git a/files/ca/web/css/selectors_de_germans_adjacents/index.html b/files/ca/web/css/adjacent_sibling_combinator/index.html index 911a395693..911a395693 100644 --- a/files/ca/web/css/selectors_de_germans_adjacents/index.html +++ b/files/ca/web/css/adjacent_sibling_combinator/index.html diff --git a/files/ca/web/css/selectors_d'atribut/index.html b/files/ca/web/css/attribute_selectors/index.html index 6778a2b3cb..6778a2b3cb 100644 --- a/files/ca/web/css/selectors_d'atribut/index.html +++ b/files/ca/web/css/attribute_selectors/index.html diff --git a/files/ca/web/css/selectors_de_fills/index.html b/files/ca/web/css/child_combinator/index.html index f5cb8139f9..f5cb8139f9 100644 --- a/files/ca/web/css/selectors_de_fills/index.html +++ b/files/ca/web/css/child_combinator/index.html diff --git a/files/ca/web/css/selectors_de_classe/index.html b/files/ca/web/css/class_selectors/index.html index 1f8cfdbee4..1f8cfdbee4 100644 --- a/files/ca/web/css/selectors_de_classe/index.html +++ b/files/ca/web/css/class_selectors/index.html diff --git a/files/ca/web/css/css_box_model/introducció_al_model_de_caixa_css/index.html b/files/ca/web/css/css_box_model/introduction_to_the_css_box_model/index.html index bfb613ed6c..bfb613ed6c 100644 --- a/files/ca/web/css/css_box_model/introducció_al_model_de_caixa_css/index.html +++ b/files/ca/web/css/css_box_model/introduction_to_the_css_box_model/index.html diff --git a/files/ca/web/css/css_box_model/dominar_el_col.lapse_del_marge/index.html b/files/ca/web/css/css_box_model/mastering_margin_collapsing/index.html index 9b312fc789..9b312fc789 100644 --- a/files/ca/web/css/css_box_model/dominar_el_col.lapse_del_marge/index.html +++ b/files/ca/web/css/css_box_model/mastering_margin_collapsing/index.html diff --git a/files/ca/web/css/selectors_css/index.html b/files/ca/web/css/css_selectors/index.html index 9eaf8daffc..9eaf8daffc 100644 --- a/files/ca/web/css/selectors_css/index.html +++ b/files/ca/web/css/css_selectors/index.html diff --git a/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html b/files/ca/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html index 53339b06e5..53339b06e5 100644 --- a/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html +++ b/files/ca/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html diff --git a/files/ca/web/css/selectors_de_descendents/index.html b/files/ca/web/css/descendant_combinator/index.html index 1eb4fd57f8..1eb4fd57f8 100644 --- a/files/ca/web/css/selectors_de_descendents/index.html +++ b/files/ca/web/css/descendant_combinator/index.html diff --git a/files/ca/web/css/selectors_general_de_germans/index.html b/files/ca/web/css/general_sibling_combinator/index.html index 64429bbaba..64429bbaba 100644 --- a/files/ca/web/css/selectors_general_de_germans/index.html +++ b/files/ca/web/css/general_sibling_combinator/index.html diff --git a/files/ca/web/css/selectors_id/index.html b/files/ca/web/css/id_selectors/index.html index 1b6f041eb6..1b6f041eb6 100644 --- a/files/ca/web/css/selectors_id/index.html +++ b/files/ca/web/css/id_selectors/index.html diff --git a/files/ca/web/css/referéncia_css/index.html b/files/ca/web/css/reference/index.html index 739dcdc9e3..739dcdc9e3 100644 --- a/files/ca/web/css/referéncia_css/index.html +++ b/files/ca/web/css/reference/index.html diff --git a/files/ca/web/css/sintaxi/index.html b/files/ca/web/css/syntax/index.html index 51931c11f0..51931c11f0 100644 --- a/files/ca/web/css/sintaxi/index.html +++ b/files/ca/web/css/syntax/index.html diff --git a/files/ca/web/css/selectors_de_tipus/index.html b/files/ca/web/css/type_selectors/index.html index d87b102ac3..d87b102ac3 100644 --- a/files/ca/web/css/selectors_de_tipus/index.html +++ b/files/ca/web/css/type_selectors/index.html diff --git a/files/ca/web/css/selectors_universal/index.html b/files/ca/web/css/universal_selectors/index.html index 6aa7931ef9..6aa7931ef9 100644 --- a/files/ca/web/css/selectors_universal/index.html +++ b/files/ca/web/css/universal_selectors/index.html diff --git a/files/ca/web/guide/ajax/primers_passos/index.html b/files/ca/web/guide/ajax/getting_started/index.html index ea59270ae8..ea59270ae8 100644 --- a/files/ca/web/guide/ajax/primers_passos/index.html +++ b/files/ca/web/guide/ajax/getting_started/index.html diff --git a/files/ca/web/guide/css/inici_en_css/caixes/index.html b/files/ca/web/guide/css/inici_en_css/caixes/index.html deleted file mode 100644 index 39d411bb19..0000000000 --- a/files/ca/web/guide/css/inici_en_css/caixes/index.html +++ /dev/null @@ -1,342 +0,0 @@ ---- -title: Caixes -slug: Web/Guide/CSS/Inici_en_CSS/Caixes -tags: - - Basic - - Beginner - - CSS - - CSS Borders - - CSS Margin - - CSS Padding - - 'CSS:Getting_Started' - - NeedsBeginnerUpdate - - NeedsUpdate - - Web -translation_of: Learn/CSS/Building_blocks -translation_of_original: Web/Guide/CSS/Getting_started/Boxes ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Lists", "Llistes") }}Aquesta és la 11th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> descriu com podeu utilitzar CSS per controlar l'espai que ocupa un element quan es mostra. En el document d'exemple, canviareu l'espaiat i afegireu regles decoratives.</p> - -<h2 class="clearLeft" id="Informació_Caixes">Informació: Caixes</h2> - -<p>Quan el navegador mostra un element, l'element ocupa espai. Hi ha quatre parts en l'espai que ocupa.</p> - -<p>Al mig, és l'espai que l'<em>element</em> necessita per mostrar el seu contingut. Al voltant d'això, hi ha un <em>padding (farciment)</em>. Al voltant d'això, hi ha un <em>border (vora)</em>. Al voltant d'això, hi ha un <em>margin (marge)</em> que separa l'element d'altres elements.</p> - -<table> - <tbody> - <tr> - <td style="width: 22em;"> - <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;"> - <p style="text-align: center; margin: 0px;">margin (marge)</p> - - <p style="text-align: center; margin: 0px 0px -.75em 0px;">border (vora)</p> - - <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;"> - <p style="text-align: center;">padding (farciment)</p> - - <div style="background-color: #eee;"> - <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p> - </div> - </div> - </div> - - <p><em><span class="short_text" id="result_box" lang="ca"><span>El gris</span> <span>pàl·lid</span> <span>mostra</span> <span>parts</span> <span>de la disposició.</span></span></em></p> - </td> - <td> - <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;"> - <p style="text-align: center; margin: 0px;"> </p> - - <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p> - - <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;"> - <p style="text-align: center;"> </p> - - <div style="background-color: #fff;"> - <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p> - </div> - </div> - </div> - - <p><em>Això és el que es veu en el vostre navegador.</em></p> - </td> - </tr> - </tbody> -</table> - -<p>El farcit, vora i marge poden tenir diferents mides en la part superior, dret, inferior i esquerra de l'element. Qualsevol o totes aquestes mides poden ser zero.</p> - -<h3 id="Acolorir">Acolorir</h3> - -<p>El farcit és sempre del mateix color que el fons de l'element. Així que quan s'estableix el color de fons, es veu el color aplicat a l'element en si i el seu farcit. El marge és sempre transparent.</p> - -<table> - <tbody> - <tr> - <td style="width: 22em;"> - <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;"> - <p style="text-align: center; margin: 0px;">margin</p> - - <p style="text-align: center; margin: 0px 0px -.75em 0px;">border</p> - - <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;"> - <p style="text-align: center;">padding</p> - - <div style="background-color: #ded;"> - <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p> - </div> - </div> - </div> - - <p><em><span class="short_text" id="result_box" lang="ca"><span>L'element</span> <span>té</span> <span>un fons</span> <span>verd.</span></span></em></p> - </td> - <td> - <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;"> - <p style="text-align: center; margin: 0px;"> </p> - - <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p> - - <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;"> - <p style="text-align: center;"> </p> - - <div style="background-color: #efe;"> - <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p> - </div> - </div> - </div> - - <p><em>Això és el que es veu en el vostre navegador.</em></p> - </td> - </tr> - </tbody> -</table> - -<h3 id="Vores">Vores</h3> - -<p>Podeu utilitzar les vores per decorar elements amb línies o caixes.</p> - -<p>Per especificar la mateixa vora a tot al voltant d'un element, utilitzeu la propietat {{ cssxref("border") }}. Especificar l'ample (en píxels en general per a la seva visualització en una pantalla), l'estil i el color.</p> - -<p>Els estils són:</p> - -<table style="margin-left: 2em;"> - <tbody> - <tr> - <td style="width: 6em;"> - <div style="border: 2px solid #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>solid</code></div> - </td> - <td style="width: 6em;"> - <div style="border: 2px dotted #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dotted</code></div> - </td> - <td style="width: 6em;"> - <div style="border: 2px dashed #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dashed</code></div> - </td> - <td style="width: 6em;"> - <div style="border: 4px double #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>double</code></div> - </td> - </tr> - <tr> - <td style="width: 6em;"> - <div style="border: 2px inset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>inset</code></div> - </td> - <td style="width: 6em;"> - <div style="border: 2px outset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>outset</code></div> - </td> - <td style="width: 6em;"> - <div style="border: 4px ridge #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>ridge</code></div> - </td> - <td style="width: 6em;"> - <div style="border: 4px groove #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>groove</code></div> - </td> - </tr> - </tbody> -</table> - -<p>També podeu establir l'estil a <code>none</code> o <code>hidden</code> per eliminar de forma explícita la vora, o establir el color a transparent per fer la vora invisible sense canviar el disseny.</p> - -<p>Especificar vores a un costat alhora, utilitzeu les propietats: {{ cssxref("border-top") }}, {{ cssxref("border-right") }}, {{cssxref("border-bottom")}}, {{cssxref("border-left")}}. Podeu utilitzar aquests per especificar una vora en un sol costat, o diferentes vores en diferents costats.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquesta regla estableix el color de fons i la vora de la part superior dels elements d'encapçalament:</p> - -<pre class="brush:css">h3 { - border-top: 4px solid #7c7; /* mid green */ - background-color: #efe; /* pale green */ - color: #050; /* dark green */ - } -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<table> - <tbody> - <tr> - <td> - <p style="font-size: 133%; font-weight: bold; background-color: #efe; border-top: 4px solid #7c7; color: #050; padding-right: 6em;">Stylish heading</p> - </td> - </tr> - </tbody> -</table> - -<p>Aquesta regla fa que les imatges siguin més fàcils de veure, donant-los una vora gris mig en tot:</p> - -<pre class="brush:css">img {border: 2px solid #ccc;} -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<table> - <tbody> - <tr> - <td>Imatge:</td> - <td style="border: 2px solid #ccc;"><img alt="Image:Blue-rule.png" class="internal" src="/@api/deki/files/47/=Blue-rule.png"></td> - </tr> - </tbody> -</table> -</div> - -<h3 id="Marges_i_farciment">Marges i farciment</h3> - -<p>Utilitzeu marges i farciment per ajustar les posicions dels elements i crear l'espai que els envolta.</p> - -<p>Utilitzeu la propietat {{ cssxref("margin") }} o la propietat {{ cssxref("padding") }} per establir els amples dels marges o de farciment, respectivament.</p> - -<p>Si s'especifica una amplada, s'aplica al voltant de tot l'element (a dalt, dreta, a sota i a l'esquerra).</p> - -<p>Si s'especifica dos amples, la primera s'aplica a la part superior i inferior, la segona a la dreta i l'esquerra.</p> - -<p>Podeu definir els quatre amplades en l'ordre: dalt, dreta, a sota, a l'esquerra.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquesta regla distingeix els paràgrafs amb la classe <code>remark</code>, donant-los una vora vermella al seu voltant.</p> - -<p>El farciment al seu voltant separa la vora del text una mica.</p> - -<p>Un marge esquerre sagna el paràgraf en relació amb la resta del text:</p> - -<pre class="brush:css">p.remark { - border: 2px solid red; - padding: 4px; - margin-left: 24px; - } -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<table> - <tbody> - <tr> - <td> - <p>Here is a normal paragraph.</p> - - <p style="border: 2px solid red; padding: 4px 6em 4px 4px; margin: 0px 0px 0px 24px;">Here is a remark.</p> - </td> - </tr> - </tbody> -</table> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>Quan s'utilitzan marges i farcit per ajustar la forma en què els elements es disposen, les seves regles d'estil interactuen amb els valors per defecte del navegador en formes que poden ser complexes.</p> - -<p>Els diferents navegadors posen elements de manera diferent. Els resultats podrien ser similar fins que la vostre fulla d'estil canvia les coses. A vegades això pot fer que les vostres fulles d'estil donin resultats sorprenents.</p> - -<p>Per obtenir el resultat desitjat, és possible que hàgiu de canviar el marcat del document. La pàgina següent d'aquest tutorial teniu més informació sobre això.</p> - -<p>Per a més informació sobre el farciment, marges i vores, vegeu la pàgina de referència <a href="/en-US/docs/Web/CSS/box_model" title="en-US/docs/Web/Guide/CSS/box model"><span class="external">Model de caixa</span></a>.</p> -</div> - -<h2 id="Acció_Afegir_vores">Acció: Afegir vores</h2> - -<p>Editeu l'arxiu CSS, <code>style2.css</code>. Afegiu aquesta regla per dibuixar una línia a través de la pàgina sobre cada capçalera:</p> - -<pre class="brush:css">h3 {border-top: 1px solid gray;} -</pre> - -<p>Si vau prendre el repte de l'última pàgina, modifiqueu la regla que heu creat, en cas contrari afegiu aquesta nova regla, la d'afegir un espai sota cada element de la llista:</p> - -<pre class="brush:css">li { - list-style: lower-roman; - margin-bottom: 8px; - } -</pre> - -<p>Actualitzeu el navegador per veure el resultat:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> - - <ul style=""> - <li style="margin-bottom: 8px;">Arctic</li> - <li style="margin-bottom: 8px;">Atlantic</li> - <li style="margin-bottom: 8px;">Pacific</li> - <li style="margin-bottom: 8px;">Indian</li> - <li style="margin-bottom: 8px;">Southern</li> - </ul> - - <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Numbered paragraphs</p> - - <p><strong>1: </strong>Lorem ipsum</p> - - <p><strong>2: </strong>Dolor sit</p> - - <p><strong>3: </strong>Amet consectetuer</p> - - <p><strong>4: </strong>Magna aliquam</p> - - <p><strong>5: </strong>Autem veleum</p> - </td> - </tr> - </tbody> -</table> - -<div class="tuto_example"> -<div class="tuto_type">Repte</div> - -<p>Afegiu una regla a la fulla d'estils, fent una vora àmpla al voltant dels oceans en un color que recordi al mar, alguna cosa com això:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> - - <div style="border: 12px solid #69b; padding-left: 1em;"> - <ul style=""> - <li style="margin-bottom: 8px;">Arctic</li> - <li style="margin-bottom: 8px;">Atlantic</li> - <li style="margin-bottom: 8px;">Pacific</li> - <li style="margin-bottom: 8px;">Indian</li> - <li style="margin-bottom: 8px;">Southern</li> - </ul> - </div> - - <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Numbered paragraphs</p> - - <p><strong>. . .</strong></p> - </td> - </tr> - </tbody> -</table> - -<p> </p> - -<p>(No hi ha necessitat perquè coincideixi amb l'amplada i el color que es veu aquí exactament.)</p> -</div> - -<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Boxes" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Boxes">Veure la solució per el repte.</a></p> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Layout", "Disseny") }}En definir marges i farcit, heu modificat el disseny del document. A la pàgina següent es canvia el <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Layout">disseny</a> del vostre document d'altres maneres.</p> diff --git a/files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html b/files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html deleted file mode 100644 index b7bf86a77f..0000000000 --- a/files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html +++ /dev/null @@ -1,151 +0,0 @@ ---- -title: Cascada i herència -slug: Web/Guide/CSS/Inici_en_CSS/Cascada_i_herència -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Guide - - NeedsBeginnerUpdate - - NeedsUpdate - - Web -translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance -translation_of_original: Web/Guide/CSS/Getting_started/Cascading_and_inheritance ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/How_CSS_works", "Com funciona el CSS")}}Aquesta és la quarta secció del tutorial <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started" title="en/CSS/Getting Started">CSS Getting Started</a></span> ; descriu com els fulls d'estil interactuenen en cascada, i com els elements hereten l'estil dels seus pares. S'agrega a la vostre fulla d'estils d'exemple, utilitzant l'herència per alterar l'estil de moltes parts del document en un sol pas.</p> - -<h2 class="clearLeft" id="Informació_Cascada_i_herència"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>Cascada i</span> <span>herència</span></span></h2> - -<p>L'estil final per a un element es pot especificar en molts llocs diferents, que poden interactuar d'una manera complexa. Aquesta interacció complexa fa que el CSS sigui de gran abast, però també pot fer que sigui confús i difícil de depurar.</p> - -<p><span id="result_box" lang="ca"><span>Tres</span> <span>fonts</span> <span>principals</span> <span>d'informació</span> <span>d'estil</span> <span>formen una</span> <span>cascada.</span> <span>Aqueste son:</span></span></p> - -<ul> - <li>Estils per defecte del navegador per al llenguatge de marques.</li> - <li>Estils especificats per un usuari que està llegint el document.</li> - <li>Els estils relacionats amb el document pel seu autor. Aquests es poden especificar en tres llocs: - <ul> - <li>En un arxiu extern: aquest tutorial discuteix principalment aquest mètode de definició d'estils.</li> - <li>En una definició al començament del document: utilitzar aquest mètode només per als estils que s'utilitzen només en aquesta pàgina.</li> - <li>En un element específic en el cos del document: aquest és el mètode menys mantenible, però pot ser utilitzat per a les proves.</li> - </ul> - </li> -</ul> - -<p>L'estil de l'usuari modifica l'estil per defecte del navegador. L'estil de l'autor del document modifica l'estil una mica més. En aquest tutorial, vosaltres sou l'autor del document d'exemple, i només es treballa amb fulls d'estil d'autor.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Quan llegiu aquest document en un navegador, part de l'estil que es veu prové dels valors per defecte del navegador per HTML.</p> - -<p>Part de l'estil podria venir de la configuració del navegador a mida o un arxiu de definició d'estil personalitzat. A Firefox, la configuració es pot personalitzar en el quadre de diàleg Preferències, o es pot especificar estils en un arxiu <code>userContent.css </code>arxiu anomenat en el vostre perfil de navegador.</p> - -<p>Part de l'estil prové de les fulles d'estil vinculades al document per part del servidor.</p> -</div> - -<p>En obrir el document d'exemple en el navegador, els elements {{ HTMLElement("strong") }} destacan més que la resta del text. Això ve de l'estil per defecte del navegador per HTML.</p> - -<p>Els elements {{ HTMLElement("strong") }} són de color vermell. Això ve de la pròpia fulla d'estils d'exemple.</p> - -<p>Els elements {{ HTMLElement("strong") }} també hereten gran part de l'estil de l'element {{HTMLElement ("p")}}, perquè són els seus fills. De la mateixa manera, l'element {{ HTMLElement("p") }} hereta gran part de l'estil de l'element {{ HTMLElement("body") }}.</p> - -<p>Per estils en cascada, els fulls d'estil d'autor tenen prioritat, a continuació els fulls d'estil del lector i seguidament els valors per defecte del navegador.</p> - -<p>Per estils heretats, l'estil propi d'un node fill té prioritat sobre l'estil heretat del seu pare.</p> - -<p>Aquestes no són les úniques prioritats que s'apliquen. Una pàgina més endavant en aquest tutorial s'explica més.</p> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>CSS proporciona una manera perquè el lector pugui anul·lar l'estil de l'autor del document, mitjançant l'ús de la paraula clau <code>!important</code>.</p> - -<p>Això vol dir que, com a autor del document, no sempre es pot predir amb exactitud el que els vostres lectors veuran.</p> - -<p>Si vols conèixer tots els detalls de cascada i herència, consulteu <a class="external" href="https://www.w3.org/TR/CSS/#css">Assignació de valors de les propietats, Cascada i herència</a> en l'especificació CSS.</p> -</div> - -<h2 id="Acció_L'ús_de_l'herència"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>L'ús</span> <span>de l'herència</span></span></h2> - -<ol> - <li><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">Edita l'arxiu CSS d'exemple.</span></span></li> - <li>Afegir aquesta línia copiant-la i enganxant-la. Realment no importa si l'afegeixes per damunt o per sota de la línia ja existent. No obstant això, afegir-la en la part superior és el mes lògic, ja que en el document l'element {{ HTMLElement("p") }} és el pare de l'element {{ HTMLElement("strong") }}: - <pre class="brush:css">p {color: blue; text-decoration: underline;} -</pre> - </li> - <li>Actualitzar el navegador per veure l'efecte en el document d'exemple. El subratllat afecta a tot el text en el paràgraf, incloent les lletres inicials. Els elements {{ HTMLElement("strong") }} han hagut d'heretar l'estil subratllat del seu pare, l'element {{ HTMLElement("p") }}.<br> - - <p>Però els elements {{ HTMLElement("strong") }} estan sent vermells. El color vermell correspont el seu propi estil, pel que té prioritat sobre el color blau del seu pare, l'element {{ HTMLElement("p") }}.</p> - </li> -</ol> - -<h2 id="Before" name="Before">Abans</h2> - -<h3 id="Contingut_HTML">Contingut HTML</h3> - -<pre class="brush: html"><p> - <strong>C</strong>ascading - <strong>S</strong>tyle - <strong>S</strong>heets -</p> -</pre> - -<h3 id="Contingut_CSS">Contingut CSS</h3> - -<pre class="brush: css">strong {color:red} -</pre> - -<p>{{ EmbedLiveSample('Before') }}</p> - -<h2 id="After" name="After">Després</h2> - -<h3 id="Contingut_HTML_2">Contingut HTML</h3> - -<pre class="brush: html"><p> - <strong>C</strong>ascading - <strong>S</strong>tyle - <strong>S</strong>heets -</p></pre> - -<h3 id="Contingut_CSS_2">Contingut CSS</h3> - -<pre class="brush:css" dir="rtl">p {color:blue; text-decoration:underline} -strong {color:red}</pre> - -<p>{{ EmbedLiveSample('After') }}</p> - -<p> </p> - -<div class="tuto_example"> -<div class="tuto_type">Repte</div> -Modifiqueu el full d'estils perquè només les lletres vermelles estiguin subratllades: - -<table style="border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="color: blue;"><strong style="color: red; text-decoration: underline;">C</strong>ascading <strong style="color: red; text-decoration: underline;">S</strong>tyle <strong style="color: red; text-decoration: underline;">S</strong>heets</td> - </tr> - </tbody> -</table> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> - -<p>Move the declaration for underlining from the rule for {{ HTMLElement("p") }} to the one for {{ HTMLElement("strong") }}. The resulting file looks like this:</p> - -<pre class="brush: css">p {color: blue; } -strong {color: red; text-decoration: underline;} -</pre> - -<p> </p> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div> - -<p> </p> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors", "Selectors")}}El full d'estils d'exemple especifica els estils per a les etiquetes <p> i <strong>, modificant l'estil dels elements corresponents a tot el document. La següent secció descriu com especificar l'estil de <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors">manera més selectiva</a>.</p> diff --git a/files/ca/web/guide/css/inici_en_css/color/index.html b/files/ca/web/guide/css/inici_en_css/color/index.html deleted file mode 100644 index ba607aab18..0000000000 --- a/files/ca/web/guide/css/inici_en_css/color/index.html +++ /dev/null @@ -1,354 +0,0 @@ ---- -title: Color -slug: Web/Guide/CSS/Inici_en_CSS/Color -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Example - - Guide - - NeedsBeginnerUpdate - - NeedsUpdate - - Web -translation_of: Learn/CSS/Introduction_to_CSS/Values_and_units#Colors -translation_of_original: Web/Guide/CSS/Getting_started/Color ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles", "Estils de text")}}Aquesta és la 8th secció del tutorial<span class="seoSummary"><a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started"> CSS Getting Started</a> tutorial;</span>explica com especificar el color en CSS. En la vostre fulla d'estil d'exemple, s'introdueix colors de fons.</p> - -<h2 class="clearLeft" id="Informació_Color">Informació: Color</h2> - -<p>En aquest tutorial fins al moment, s'ha utilitzat un nombre limitat de colors amb nom. CSS2 suporta 17 colors amb nom en tots. Alguns dels noms pot ser que no sigui l'esperat:</p> - -<table style="border: 0px; margin-left: 2em; text-align: right;"> - <tbody> - <tr> - <td> </td> - <td>negre (black)</td> - <td style="width: 2em; height: 2em; background-color: black;"> </td> - <td>gris (gray)</td> - <td style="width: 2em; height: 2em; background-color: gray;"> </td> - <td>plata (silver)</td> - <td style="width: 2em; height: 2em; background-color: silver;"> </td> - <td>blanc (white)</td> - <td style="width: 2em; height: 2em; background-color: white; border: 1px dotted gray;"> </td> - </tr> - <tr> - <td>primaris</td> - <td>vermell (red)</td> - <td style="width: 2em; height: 2em; background-color: red;"> </td> - <td>Llima (lime)</td> - <td style="width: 2em; height: 2em; background-color: lime;"> </td> - <td>blau (blue)</td> - <td style="width: 2em; height: 2em; background-color: blue;"> </td> - </tr> - <tr> - <td>secundaris</td> - <td>groc (yellow)</td> - <td style="width: 2em; height: 2em; background-color: yellow;"> </td> - <td>aigua (aqua)</td> - <td style="width: 2em; height: 2em; background-color: aqua;"> </td> - <td>fúcsia (fuchsia)</td> - <td style="width: 2em; height: 2em; background-color: fuchsia;"> </td> - </tr> - <tr> - <td> </td> - <td>marró (maroon)</td> - <td style="width: 2em; height: 2em; background-color: maroon;"> </td> - <td>taronge (orange)</td> - <td style="width: 2em; height: 2em; background-color: orange;"> </td> - <td>oliva (olive)</td> - <td style="width: 2em; height: 2em; background-color: olive;"> </td> - <td>porpra (purple)</td> - <td style="width: 2em; height: 2em; background-color: purple;"> </td> - <td>verd (green)</td> - <td style="width: 2em; height: 2em; background-color: green;"> </td> - <td>blau marí (navy)</td> - <td style="width: 2em; height: 2em; background-color: navy;"> </td> - <td><span class="short_text" id="result_box" lang="ca"><span>verd</span> <span>blavós</span></span> (teal)</td> - <td style="width: 2em; height: 2em; background-color: teal;"> </td> - </tr> - </tbody> -</table> - -<p> </p> - -<div class="tuto_details"> -<div class="tuto_type">Detalls</div> - -<p>El vostre navegador pot suportar molts més colors amb nom, com:</p> - -<table style="background-color: inherit; border: 0px; margin: .5em 0px .5em 2em; text-align: right;"> - <tbody> - <tr> - <td>dodgerblue</td> - <td style="width: 2em; height: 2em; background-color: dodgerblue;"> </td> - <td>peachpuff</td> - <td style="width: 2em; height: 2em; background-color: peachpuff;"> </td> - <td>tan</td> - <td style="width: 2em; height: 2em; background-color: tan;"> </td> - <td>firebrick</td> - <td style="width: 2em; height: 2em; background-color: firebrick;"> </td> - <td>aquamarine</td> - <td style="width: 2em; height: 2em; background-color: aquamarine;"> </td> - </tr> - </tbody> -</table> - -<p>Per a més detalls d'aquesta llista ampliada, consulteu: <a class="external" href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#svg-color">SVG color keywords</a> en CSS 3 mòdul de colors. Aneu amb compte d'utilitzar noms de colors que els lectors dels navegadors no siguin compatibles.</p> -</div> - -<p>Per a una paleta gran, especifiqueu els components vermell, verd i blau del color que desitgeu mitjançant l'ús d'un signe de nombre (hash) i tres dígits hexadecimals en el rang de 0 - 9, a - f. Les lletres a - f representen els valors de 10 - 15:</p> - -<table style="border: 0px; margin-left: 2em;"> - <tbody> - <tr> - <td>negre (black)</td> - <td style="width: 2em; height: 2em; background-color: #000;"> </td> - <td><code>#000</code></td> - </tr> - <tr> - <td>vermell (pure red)</td> - <td style="width: 2em; height: 2em; background-color: #f00;"> </td> - <td><code>#f00</code></td> - </tr> - <tr> - <td>verd (pure green)</td> - <td style="width: 2em; height: 2em; background-color: #0f0;"> </td> - <td><code>#0f0</code></td> - </tr> - <tr> - <td>blau (pure blue)</td> - <td style="width: 2em; height: 2em; background-color: #00f;"> </td> - <td><code>#00f</code></td> - </tr> - <tr> - <td>blanc (white)</td> - <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td> - <td><code>#fff</code></td> - </tr> - </tbody> -</table> - -<p><br> - <span id="result_box" lang="ca"><span>Per a la</span> <span>paleta</span> <span>completa,</span> <span>especificar</span> <span>dos dígits</span> <span>hexadecimals</span> <span>per a cada</span> <span>component</span><span>:</span></span></p> - -<table style="border: 0px; margin-left: 2em;"> - <tbody> - <tr> - <td>negre (black)</td> - <td style="width: 2em; height: 2em; background-color: #000;"> </td> - <td><code>#000000</code></td> - </tr> - <tr> - <td>vermell (pure red)</td> - <td style="width: 2em; height: 2em; background-color: #f00;"> </td> - <td><code>#ff0000</code></td> - </tr> - <tr> - <td>verd (pure green)</td> - <td style="width: 2em; height: 2em; background-color: #0f0;"> </td> - <td><code>#00ff00</code></td> - </tr> - <tr> - <td>blau (pure blue)</td> - <td style="width: 2em; height: 2em; background-color: #00f;"> </td> - <td><code>#0000ff</code></td> - </tr> - <tr> - <td>blanc (white)</td> - <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td> - <td><code>#ffffff</code></td> - </tr> - </tbody> -</table> - -<p>Normalment, es poden obtenir aquests codis hexadecimals de sis dígits d'un programa de gràfics o alguna altra eina.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Amb una mica de pràctica, podeu ajustar els colors de tres dígits manualment per a la majoria de propòsits:</p> - -<table style="background-color: #fffff4; border: 0px; margin-left: 2em;"> - <tbody> - <tr> - <td><span class="short_text" id="result_box" lang="ca"><span>Comenceu</span> <span>amb</span> <span>el vermell</span> <span>pur</span></span> :</td> - <td style="width: 2em; height: 2em; background-color: #f00;"> </td> - <td><code>#f00</code></td> - </tr> - <tr> - <td><span id="result_box" lang="ca"><span>Perquè sigui</span> <span>més</span> <span>clar</span><span>, afegir una mica</span> <span>de verd</span> <span>i blau</span></span> :</td> - <td style="width: 2em; height: 2em; background-color: #f77;"> </td> - <td><code>#f77</code></td> - </tr> - <tr> - <td>Perquè sigui més taronja, afegir una mica de verd addicional:</td> - <td style="width: 2em; height: 2em; background-color: #fa7;"> </td> - <td><code>#fa7</code></td> - </tr> - <tr> - <td><span class="short_text" id="result_box" lang="ca"><span>Per enfosquir</span><span>, reduir</span> <span>tots els seus</span> <span>components</span></span>:</td> - <td style="width: 2em; height: 2em; background-color: #c74;"> </td> - <td><code>#c74</code></td> - </tr> - <tr> - <td>Per reduir la saturació, fer els seus components més iguals:</td> - <td style="width: 2em; height: 2em; background-color: #c98;"> </td> - <td><code>#c98</code></td> - </tr> - <tr> - <td>Si feu tots ells exactament iguals, s'obté gris:</td> - <td style="width: 2em; height: 2em; background-color: #ccc;"> </td> - <td><code>#ccc</code></td> - </tr> - </tbody> -</table> - -<p><span class="short_text" id="result_box" lang="ca"><span>Per</span> <span>un to</span> <span>pastís</span> <span>com</span> <span>el blau</span> <span>pàl·lid</span><span>:</span></span></p> - -<table style="background-color: #fffff4; border: 0px none; height: 83px; margin-left: 2em; width: 376px;"> - <tbody> - <tr> - <td><span class="short_text" id="result_box" lang="ca"><span>Comenceu</span> <span>amb</span> <span>blanc</span> <span>pur</span><span>:</span></span></td> - <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td> - <td><code>#fff</code></td> - </tr> - <tr> - <td><span class="short_text" id="result_box" lang="ca"><span>Reduir els</span> <span>altres</span> <span>components</span> <span>una mica</span><span>:</span></span></td> - <td style="width: 2em; height: 2em; background-color: #eef; border: 1px dotted gray;"> </td> - <td><code>#eef</code></td> - </tr> - </tbody> -</table> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>També podeu especificar un color utilitzant valors decimals RGB en el rang de 0-255 o percentatges.</p> - -<p>Per exemple, aquest és de color granat (vermell fosc):</p> - -<pre class="brush:css">rgb(128, 0, 0) -</pre> - -<p>Per a més detalls sobre com especificar els colors, consulteu: <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#color-units">Colors</a> en l'especificació CSS.</p> - -<p>Per obtenir informació sobre l'adequació dels colors del sistema de Menú i ThreeDFace, consulteu: <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#system-colors">Colors del Sistema en CSS2</a> en l'especificació CSS.</p> -</div> - -<h3 id="Propietats_de_color"><span class="short_text" id="result_box" lang="ca"><span>Propietats de</span> <span>color</span></span></h3> - -<p>Ja heu utilitzat la propietat {{ cssxref("color") }} en el text.</p> - -<p>També podeu utilitzar la propietat {{ cssxref("background-color") }} per canviar el fons dels elements.</p> - -<p>Els fons els podeu configurar com <code>transparent</code> per eliminar de forma explícita qualsevol color, deixant al descobert el fons de l'element pare.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Les caixes d'<strong>exemple</strong> en aquest tutorial utilitza aquest fons de color groc pàl·lid:</p> - -<pre class="brush:css">background-color: #fffff4; -</pre> - -<p>Les caixes de <strong>Més detalls</strong> utilitza aquest color gris pàl·lid:</p> - -<pre class="brush:css">background-color: #f4f4f4; -</pre> -</div> - -<p> </p> - -<h2 id="Acció_L'ús_dels_codis_de_color"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>L'ús dels</span> <span>codis de</span> <span>color</span></span></h2> - -<h2 id="Color_page" name="Color_page">C<span class="short_text" id="result_box" lang="ca"><span>olor</span> <span>de la pàgina</span></span></h2> - -<ol> - <li>Editeu l'arxiu CSS.</li> - <li>Feu el canvi que es mostra aquí sota, per donar a les lletres inicials d'un fons blau pàl·lid. (La disposició i comentaris a l'arxiu probablement difereixen de l'arxiu que es mostra aquí. Mantenir la disposició i els comentaris de la manera que preferiu.)</li> - <li> - <h3 id="Contingut_HTML">Contingut HTML</h3> - - <pre class="brush: html"><p id = "first"> <strong>C</strong>ascading <strong class="spinach">S</strong>tyle <strong class="spinach">S</strong>heets</p> -<p> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</p> -</pre> - - <h3 id="Contingut_CSS">Contingut CSS</h3> - - <pre class="brush: css">/*** CSS Tutorial: Color page ***/ - -/* page font */ -body { - font: 16px "Comic Sans MS", cursive; -} - -/* paragraphs */ -p { - color: blue; -} -#first { - font-style: italic; -} - -/* initial letters */ -strong { - background-color: #ddf; - color: red; - font: 200% serif; -} - -.spinach { - color: green; - background-color: #ddf; -} - -</pre> - </li> - <li>Deseu el fitxer i actualitzeu el navegador per veure el resultat.</li> - <li>El resultat ha de ser com aquest:</li> -</ol> - -<p>{{ EmbedLiveSample('Color_page', '', '', '', 'Web/Guide/CSS/Getting_started/Color') }}</p> - -<div class="tuto_example"> -<div class="tuto_type">Repte</div> - -<p>A l'arxiu CSS, canviar els noms de colors als codis de color de 3 dígits sense afectar el resultat.</p> - -<p>Això no es pot fer exactament, però es pot aconseguir aproximadament. Per fer-ho exactament es necessita codis de 6 dígits, i cal buscar l'especificació CSS o utilitzar una eina gràfica per a que coincideixi amb els colors.</p> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> - -<p>The following values are reasonable approximations of the named colors:</p> - -<pre class="brush: css">strong { - color: #f00; /* red */ - background-color: #ddf; /* pale blue */ - font: 200% serif; -} - -.carrot { - color: #fa0; /* orange */ -} - -.spinach { - color: #080; /* dark green */ -} - -p { - color: #00f; /* blue */ -} -</pre> - -<p> </p> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Content", "Contingut")}}El document d'exemple i la seva fulla d'estil d'exemple separen el contingut de l'estil de forma estricta. La <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Content">següent secció</a> explica com es pot fer excepcions a aquesta estricta separació.</p> diff --git a/files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html b/files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html deleted file mode 100644 index eb6512b8bb..0000000000 --- a/files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html +++ /dev/null @@ -1,130 +0,0 @@ ---- -title: Com funciona el CSS -slug: Web/Guide/CSS/Inici_en_CSS/Com_funciona_el_CSS -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Guide - - NeedsBeginnerUpdate - - NeedsUpdate - - Web -translation_of: Learn/CSS/First_steps/How_CSS_works -translation_of_original: Web/Guide/CSS/Getting_started/How_CSS_works ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Per què utilitzar CSS?") }}Aquesta tercera secció del tutorial<span class="seoSummary"> <a href="/en-US/docs/Web/Guide/CSS/Getting_started" title="en-US/docs/Web/Guide/CSS/Getting_started">CSS Getting Started</a> </span>explica com funciona CSS en el navegador i el propòsit del Document Object Model (DOM). També aprendreu com analitzar el document de mostra.</p> - -<h2 class="clearLeft" id="Informació_Com_funciona_el_CSS">Informació: Com funciona el CSS</h2> - -<p>Quan un navegador mostra un document, s'ha de combinar el contingut del document amb la seva informació d'estil. El document es processa en dues etapes:</p> - -<ol> - <li>El navegador converteix el llenguatge de marcat i el CSS en el <a href="/en-US/docs/DOM" title="/en-US/docs/HTML/DOM"><em>DOM</em></a> (Document Object Model). El DOM representa el document a la memòria de l'ordinador. Combina el contingut del document amb el seu estil.</li> - <li>El navegador mostra el contingut de la DOM.</li> -</ol> - -<p>Un llenguatge de marcat utilitza <em>elements</em> per definir l'estructura del document. Es marca un element mitjançant <em>etiquetes</em>, que són cadenes que comencen amb '<' i acaban amb '>'. La majoria dels elements tenen un parell d'etiquetes, una etiqueta d'inici i una etiqueta final. Per l'etiqueta d'inici, col·locar el nom de l'element entre '<' i '>'. Per l'etiqueta final, col·locar un '/' després que el '<' i abans que el nom de l'element.</p> - -<p>Depenent del llenguatge de marques, alguns elements només tenen una etiqueta d'inici, o una sola etiqueta on el '/' ve després que el nom de l'element. Un element també pot ser un contenidor i incloure altres elements entre la seva etiqueta inicial i final. Recordeu sempre de tancar les etiquetes dins del contenidor.</p> - -<p>Un DOM té una estructura en forma d'arbre. Cada element, atribut i extensió de text, en el llenguatge de marcat, es converteix en un <em>node</em> en l'estructura de l'arbre. Els nodes es defineixen per la seva relació amb altres nodes DOM. Alguns elements són els pares dels nodes fills, i els nodes fills tenen germans.</p> - -<p>La comprensió del DOM ajuda a dissenyar, depurar i mantenir la CSS, pel fet que el DOM és on el CSS i el contingut del document es reuneixen.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<div class="tuto_type"> </div> -En el vostre document d'exemple, l'etiqueta <p> i la seva etiqueta de tancament </p> creen un contenidor: - -<pre class="brush:html"><p> - <strong>C</strong>ascading - <strong>S</strong>tyle - <strong>S</strong>heets -</p> -</pre> - -<p><strong>Exemple en directe</strong></p> - -<p>{{ EmbedLiveSample('Information.3A_How_CSS_works', '', '', '', 'Web/Guide/CSS/Getting_started/How_CSS_works') }}</p> - -<p>En el DOM, el node corresponent P és un pare. Els seus fills són els nodes STRONG i els nodes de text. Els nodes STRONG són ells mateixos els pares, amb els nodes de text com els seus fills;</p> - -<pre><span style="color: black;">P</span> -├─<span style="color: black;">STRONG</span> -│ └─"<span style="color: black;">C</span>" -├─"<span style="color: black;">ascading</span>" -├─<span style="color: black;">STRONG</span> -│ └─"<span style="color: black;">S</span>" -├─"<span style="color: black;">tyle</span>" -├─<span style="color: black;">STRONG</span> -│ └─"<span style="color: black;">S</span>" -└─"<span style="color: black;">heets</span>"</pre> -</div> - -<h2 id="Acció_Anàlisi_d'un_DOM">Acció: Anàlisi d'un DOM</h2> - -<h3 id="L'ús_de_DOM_Inspector">L'ús de DOM Inspector</h3> - -<p>Per analitzar un DOM, es necessita un programari especial. Podeu utilitzar el complement <a href="/en/DOM_Inspector" title="en/DOM_Inspector">DOM Inspector</a> de Mozilla (DOMi) per analitzar un DOM. Només haureu de instal·lar el complement (veure més detalls a continuació).</p> - -<ol> - <li>Utilitzeu el navegador Mozilla per obrir el document HTML d'exemple.</li> - <li>Des de la barra de menú del navegador, seleccioneu <strong>Tools > DOM Inspector</strong>, or <strong>Tools > Web Development > DOM Inspector</strong>. - <div class="tuto_details"> - <div class="tuto_type">Més detalls</div> - - <p>Si el navegador Mozilla no té DOMI, podeu <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622/" title="https://addons.mozilla.org/en-US/firefox/addon/6622/">instalar-ho des de la web de complements</a> i reiniciar el navegador. A continuació, tornar a aquest tutorial.</p> - - <p>Si no voleu instal·lar DOMi (o esteu fent servir un navegador que no és Mozilla), poodeu utilitzar Web X-Ray Goggles, tal com es descriu en la següent secció. O bé, podeu ometre aquesta secció i anar directament a la pàgina següent. Saltar-se aquesta secció no interfereix amb la resta del programa d'aprenentatge.</p> - </div> - </li> - <li>En DOMi, s'expandeixi els nodes del document fent clic a les fletxes. - <p><strong>Nota: </strong>Els espais creats en el arxiu HTML pot causar que DOMi mostri alguns nodes de text buits, que podeu ignorar.</p> - - <p>Part del resultat podria tenir aquest aspecte, depenent de quins nodes heu expandit:</p> - - <pre>│ ▼╴<span style="color: black;">P</span> -│ │ │ ▼╴<span style="color: black;">STRONG</span> -│ │ └<span style="color: darkblue;">#text</span> -│ ├╴<span style="color: darkblue;">#text</span> -│ ►╴<span style="color: black;">STRONG</span> -│ │</pre> - - <p>En seleccionar qualsevol dels nodes, podeu utilitzar el panell de la dreta de DOMi per esbrinar més sobre ell. Per exemple, quan es selecciona un node de text, DOMi mostra el text en el panell de la dreta.</p> - - <p>Quan se selecciona un node element, DOMi analitza i ofereix una enorme quantitat d'informació en el seu panell de la dreta. La informació d'estil és només part de la informació que proporciona.</p> - </li> -</ol> - -<div class="tuto_example"> -<div class="tuto_type">Repte</div> - -<p>En DOMi, feu clic en un node <code>STRONG</code>.</p> - -<p>Utilitzeu el panell de la dreta de DOMi per esbrinar on el color del node és vermell, i on la seva aparença es fa més destacable que el text normal.</p> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> - -<p>In the menu above the right-hand pane, choose <strong>CSS Rules</strong>. You see two items listed, one that references an internal resource and one that references your stylesheet file. The internal resource defines the <strong>font-weight</strong> property as <code>bolder</code>; your stylesheet defines the <strong>color</strong> property as <code>red</code>.</p> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div> - -<h3 id="Utilitzar_Web_X-Ray_Goggles">Utilitzar Web X-Ray Goggles</h3> - -<p><a class="link-https" href="https://goggles.webmaker.org/" title="https://secure.toolness.com/webxray/">Web X-Ray Goggles </a>mostra menys informació que DOM Inspector, però és més fàcil d'instal·lar i utilitzar.</p> - -<ol> - <li>Anar a la pàgina principal de <a class="link-https" href="https://goggles.webmaker.org/" title="https://secure.toolness.com/webxray/">Web X-Ray Goggles</a>.</li> - <li>Arrossegar el enllaç de marcador a la pàgina de la barra d'eines del navegador.</li> - <li>Obriu el document HTML d'exemple.</li> - <li>Activar Web X-Ray Goggles fent clic al marcador a la barra d'eines.</li> - <li>Moure el punter del ratolí per sobre del document, per veure els elements del document.</li> -</ol> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance", "Cascada & herència") }}Si heu pres el repte, veureu que la informació d'estil de més d'un lloc interacciona per crear l'estil final per a un element. La <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance">pàgina següent</a> explica més sobre aquestes interaccions.</p> diff --git a/files/ca/web/guide/css/inici_en_css/css_llegible/index.html b/files/ca/web/guide/css/inici_en_css/css_llegible/index.html deleted file mode 100644 index 15b376dad0..0000000000 --- a/files/ca/web/guide/css/inici_en_css/css_llegible/index.html +++ /dev/null @@ -1,174 +0,0 @@ ---- -title: CSS llegible -slug: Web/Guide/CSS/Inici_en_CSS/CSS_llegible -tags: - - CSS - - 'CSS:Getting_Started' - - Guide - - Intermediate - - NeedsBeginnerUpdate - - NeedsLiveSample - - Web -translation_of: Learn/CSS/Introduction_to_CSS/Syntax#Beyond_syntax_make_CSS_readable -translation_of_original: Web/Guide/CSS/Getting_started/Readable_CSS ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors", "Selectors")}}Aquesta és la 6th secció del tutorial <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started">CSS Getting Started</a>; s'analitza l'estil i la gramàtica del propi llenguatge CSS. Es canvia la forma en què es veu el vostre arxiu CSS d'exemple, perquè sigui més llegible.</p> - -<h2 class="clearLeft" id="Informació_CSS_Llegible"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>CSS</span> <span>Llegible</span></span></h2> - -<p>Podeu afegir espais en blanc i comentaris en les fulles d'estil perquè siguin més llegibles. També es poden agrupar selectors, quan les mateixes regles d'estil s'apliquen als elements seleccionats de diferents maneres.</p> - -<h3 id="Espai_en_blanc">Espai en blanc</h3> - -<p>L'espai en blanc vol dir espais reals, tabuladors i noves línies. Podeu afegir espais en blanc per fer les fulles d'estil més llegible.</p> - -<p>En el context del disseny de la pàgina i composició, l'<strong>espai en blanc</strong> és la part de la pàgina que es deixa sense marcar: marges, separacions, i l'espai entre columnes i línies de text.</p> - -<p>El arxiu CSS d'exemple actualment té una regla per línia, i gairebé el mínim d'espai en blanc. En un full d'estil complex aquesta disposició seria difícil de llegir, de manera que difilcutaria el seu manteniment.</p> - -<p>El disseny escullit sol ser una preferència personal, però si els fulls d'estil són part de projectes compartits, aquests projectes podrian tenir les seves pròpies convencions.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemples</div> - -<p><span class="short_text" id="result_box" lang="ca"><span>Hi ha qui</span></span> els agrada el disseny compacte que hem estat utilitzant, i només divideixen una línia quan es fa molt llarga:</p> - -<pre class="brush: css">.carrot {color: orange; text-decoration: underline; font-style: italic;} -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>Hi ha qui prefereix</span> <span>una propietat</span><span>-</span><span>valor per</span> <span>línia</span><span>:</span></span></p> - -<pre class="brush: css">.carrot -{ -color: orange; -text-decoration: underline; -font-style: italic; -} -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>Hi ha qui</span></span> utilitza la sagnia de dos espais, quatre espais, o una tabulació són comuns:</p> - -<pre class="brush: css">.carrot { - color: orange; - text-decoration: underline; - font-style: italic; -} -</pre> - -<p>Hi ha qui els agrada que tot estigui alienat verticalment (però un disseny com aquest és difícil de mantenir):</p> - -<pre class="brush: css">.carrot - { - color : orange; - text-decoration : underline; - font-style : italic; - } -</pre> - -<p>Hi ha qui fa servir espais en blanc mixtes per millorar la lectura.</p> - -<pre class="brush: css">.vegetable { color: green; min-height: 5px; min-width: 5px } -.vegetable.carrot { color: orange; height: 90px; width: 10px } -.vegetable.spinach { color: darkgreen; height: 30px; width: 30px } -</pre> -</div> - -<p>Hi ha qui utilitza tabulacions per al disseny. Hi ha qui només utilitza espais.</p> - -<h3 id="Comentaris">Comentaris</h3> - -<p>Els comentaris en CSS comencen amb <code>/*</code> i acaban amb <code>*/</code>.</p> - -<p>Podeu utilitzar els comentaris per fer comentaris reals en el full d'estil, i també per <em>comentar</em> parts d'ell temporalment per a propòsits de prova.</p> - -<p>Per comentar part d'un full d'estil, col·locar aquesta part en un comentari perquè el navegador ho ignori. Aneu amb compte on s'inicia i acaba el comentari. La resta del full d'estil ha de tenir una sintaxi correcta.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<pre class="brush: css">/* style for initial letter C in first paragraph */ -.carrot { - color: orange; - text-decoration: underline; - font-style: italic; - } -</pre> -</div> - -<h3 id="Selectors_agrupats"><span class="short_text" id="result_box" lang="ca"><span>Selectors</span> <span>agrupats</span></span></h3> - -<p>Quan molts elements tenen el mateix estil, podeu especificar un grup de selectors, separant-los per comes. La declaració és vàlida per a tots els elements seleccionats.</p> - -<p>En una altra part del full d'estils es poden especificar els mateixos selectors de nou de forma individual, per aplicar les regles d'estil individuals a ells.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquesta regla fa que els elements {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }} i {{ HTMLElement("h3") }} tinguin el mateix color.</p> - -<p>És convenient especificar el color en un sol lloc, en el cas en què hagi de ser canviat.</p> - -<pre class="brush: css">/* color for headings */ -h1, h2, h3 {color: navy;} -</pre> -</div> - -<h2 id="Acció_Afegir_comentaris_i_millorar_el_disseny">Acció: Afegir comentaris i millorar el disseny</h2> - -<ol> - <li>Editeu l'arxiu CSS, i assegurar-se que té aquestes regles (en qualsevol ordre): - <pre class="brush: css">strong {color: red;} -.carrot {color: orange;} -.spinach {color: green;} -#first {font-style: italic;} -p {color: blue;} -</pre> - </li> - <li>Feu que sigui més llegible reordenant-ho d'una manera que ho trobeu lògic, i mitjançant l'afegit d'espais en blanc i comentaris de la millor manera que us sembli.</li> - <li>Deseu el fitxer i refresqueu la pantalla del navegador, per assegurar-se que els canvis no afectin el funcionament de la fulla d'estil: - <table style="border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td> - </tr> - <tr> - <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td> - </tr> - </tbody> - </table> - </li> -</ol> - -<div class="tuto_details"> -<div class="tuto_type">Repte</div> - -<p>Comenteu una part de la fulla d'estils, sense canviar res més, perquè la primera lletra del document sigui vermella:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="font-style: italic; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td> - </tr> - <tr> - <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td> - </tr> - </tbody> -</table> - -<p>(Hi ha més d'una manera de fer això.)</p> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> -One way to do this is to put comment delimiters around the rule for <code>.carrot</code>: - -<pre class="brush: css">/*.carrot { - color: orange; -}*/</pre> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles", "Estil de text") }}En el estil d'exemple s'ha utilitzat el text en cursiva i subratllat. La pàgina següent descriu més formes d'<a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles">especificar l'aspecte del text</a> en el document.</p> diff --git a/files/ca/web/guide/css/inici_en_css/disseny/index.html b/files/ca/web/guide/css/inici_en_css/disseny/index.html deleted file mode 100644 index 28045a681d..0000000000 --- a/files/ca/web/guide/css/inici_en_css/disseny/index.html +++ /dev/null @@ -1,383 +0,0 @@ ---- -title: Disseny -slug: Web/Guide/CSS/Inici_en_CSS/Disseny -tags: - - CSS - - CSS Float - - CSS Text Align - - CSS Unit - - 'CSS:Getting_Started' - - Example - - Guide - - Intermediate - - NeedsBeginnerUpdate - - NeedsLiveSample - - NeedsUpdate - - Web -translation_of: Learn/CSS/CSS_layout -translation_of_original: Web/Guide/CSS/Getting_started/Layout ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes", "Caixes")}}Aquesta és la 12th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> descriu algunes maneres d'ajustar el disseny del document. Es canvia el disseny del vostre document d'exemple.</p> - -<h2 class="clearLeft" id="Informació_Disseny">Informació: Disseny</h2> - -<p>Feu servir CSS per especificar diversos efectes visuals que canvïin el disseny del document. Algunes de les tècniques especifiques de disseny son avançades, i van més enllà de l'àmbit d'aquest tutorial bàsic.</p> - -<p>En dissenyar una presentació que tingui un aspecte similar en diferents navegadors, la vostre fulla d'estil interactua amb la fulla d'estil i el motor de disseny predeterminats del navegador de formes que poden ser complexes. Aquest és també un tema avançat, que va més enllà de l'àmbit d'aquest tutorial bàsic.</p> - -<p>Aquesta pàgina descriu algunes tècniques simples que podeu intentar.</p> - -<h3 id="Estructura_del_document"><span id="result_box" lang="ca"><span>Estructura del</span> <span>document</span></span></h3> - -<p>Si voleu controlar el disseny del document, llavors és possible que hagiu de canviar la seva estructura.</p> - -<p>El llenguatge de marcat del document podria tenir etiquetes d'ús general per a la creació de l'estructura. Per exemple, en HTML podeu utilitzar l'element {{ HTMLElement("div") }} per crear l'estructura.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>En el vostre document d'exemple, els paràgrafs numerats (Numbered paragraphs), en el marc del segon epígraf, no tenen un contenidor propi.</p> - -<p>La vostre fulla d'estil no pot dibuixar una vora al voltant d'aquests paràgrafs, perquè no hi ha cap element per especificar en el selector.</p> - -<p>Per solucionar aquest problema estructural, es pot afegir una etiqueta {{ HTMLElement("div") }} al voltant dels paràgrafs. Aquesta etiqueta és única, pel que pot ser identificada per un atribut <code>id</code>:</p> - -<pre class="brush:html;highlight:[2,8]"><h3>Numbered paragraphs</h3> -<div id="numbered"> - <p>Lorem ipsum</p> - <p>Dolor sit</p> - <p>Amet consectetuer</p> - <p>Magna aliquam</p> - <p>Autem veleum</p> -</div> -</pre> - -<p>Ara a la vostre fulla d'estil podeu utilitzar una regla per especificar les vores al voltant de les dues llistes:</p> - -<pre class="brush:css">ul, #numbered { - border: 1em solid #69b; - padding-right:1em; -} -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em; width: 30em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> - - <div style="border: 12px solid #69b; margin-bottom: 16px; padding: 1em;"> - <ul style=""> - <li>Arctic</li> - <li>Atlantic</li> - <li>Pacific</li> - <li>Indian</li> - <li>Southern</li> - </ul> - </div> - - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p> - - <div style="border: 12px solid #69b; margin-bottom: 8px; padding: 0px 12em 0px .5em;"> - <p><strong>1: </strong>Lorem ipsum</p> - - <p><strong>2: </strong>Dolor sit</p> - - <p><strong>3: </strong>Amet consectetuer</p> - - <p><strong>4: </strong>Magna aliquam</p> - - <p><strong>5: </strong>Autem veleum</p> - </div> - </td> - </tr> - </tbody> -</table> -</div> - -<h3 id="Unitats_de_mida"><span class="short_text" id="result_box" lang="ca"><span>Unitats</span> <span>de mida</span></span></h3> - -<p>Fins ara, en aquest tutorial, s'han especificat les mides en píxels <code>(px)</code>. Aquestes són apropiades, en determinats casos, en un dispositiu de visualització com una pantalla d'ordinador. Però quan l'usuari canvia la mida de la font, el disseny pot semblar inadequat.</p> - -<p>Per a molts propòsits, és millor especificar les mides com un percentatge o en ems <code>(em)</code>. Un em és nominalment la mida de la font actual (l'amplada d'una lletra m). Quan l'usuari canvia la mida de la lletra, el seu disseny s'ajusta automàticament.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>La vora de l'esquerra d'aquest text té la mida definida en píxels.</p> - -<p>La vora de la dreta té la mida definida en ems.</p> - -<p>En el vostre navegador, al canviar la mida de la font veureu com la vora de la dreta s'ajusta, però la vora de l'esquerra no ho fa:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td> - <div style="">RESIZE ME PLEASE</div> - </td> - </tr> - </tbody> -</table> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p><span id="result_box" lang="ca"><span>Per a altres</span> <span>dispositius</span><span>, altres unitats</span> <span>de longitud són</span> <span>les adequades.</span></span></p> - -<p><span id="result_box" lang="ca"><span>Hi ha més</span> <span>informació</span> <span>sobre</span> <span>això en una</span> <span>pàgina</span> <span>posterior d'aquest</span> <span>tutorial.</span></span></p> - -<p><span id="result_box" lang="ca"><span>Per als</span> <span>detalls</span> <span>complets dels</span> <span>valors</span> <span>i</span> <span>les</span> <span>unitats que</span> <span>es</span> <span>poden</span> <span>utilitzar</span><span>, consulteu</span></span> <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#values">Valors</a> <span id="result_box" lang="ca"><span>en</span> <span>l'especificació</span> <span>CSS.</span></span></p> -</div> - -<h3 id="Disposició_del_text">Disposició del text</h3> - -<p>Dues propietats defineixen com el contingut d'un element és alineat. Els podeu utilitzar per realitzar ajustos sencills en el disseny:</p> - -<dl> - <dt>{{ cssxref("text-align") }}</dt> - <dd>Alinea el contingut. Utilitzeu un d'aquests valors: <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code></dd> - <dt>{{ cssxref("text-indent") }}</dt> - <dd>Sagna el contingut en una quantitat que especifiqueu.</dd> -</dl> - -<p>Aquestes propietats s'apliquen a qualsevol text contingut en l'element, no només al text real. Recordeu que són heretats pels fills de l'element, així que pot ser que hagiu de desactivar-los explícitament en els fills per evitar resultats sorprenents.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Per centrar les capçaleres:</p> - -<pre class="brush:css">h3 { - border-top: 1px solid gray; - text-align: center; -} -</pre> - -<p>Resultant:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em; width: 30em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray; text-align: center;">(A) The oceans</p> - </td> - </tr> - </tbody> -</table> - -<p>En un document HTML, el contingut que es veu per sota d'una capçalera no està estructuralment contingut per la capçalera. Així que quan s'alinea una capçalera com aquesta, les etiquetes sota de l'encapçalament no hereten l'estil.</p> -</div> - -<h3 id="Flotants">Flotants</h3> - -<p>La propietat {{ cssxref("float") }} força un element cap a l'esquerra o cap a la dreta. Aquesta és una forma senzilla per controlar la seva posició i mida.</p> - -<p>La resta del contingut del document flueix normalment al voltant de l'element flotant. Això es pot controlar mitjançant l'ús de la propietat {{ cssxref("clear") }} en altres elements per fer que es quedin allunyats dels flotants.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>En el vostre document d'exemple, les llistes s'estenen a través de la finestra. Això es pot evitar fent que flotin cap a l'esquerra</p> - -<p>Per mantenir les capçaleress en el seu lloc, també heu d'especificar que es mantinguin allunyades dels flotants de la seva esquerra:</p> - -<pre class="brush:css">ul, #numbered {float: left;} -h3 {clear: left;} -</pre> -</div> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em; width: 30em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> - - <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding-left: 1em;"> - <ul style=""> - <li>Arctic</li> - <li>Atlantic</li> - <li>Pacific</li> - <li>Indian</li> - <li>Southern</li> - </ul> - </div> - - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p> - - <div style="float: left; border: 12px solid #69b; margin-bottom: 8px; padding-left: .5em;"> - <p><strong>1: </strong>Lorem ipsum</p> - - <p><strong>2: </strong>Dolor sit</p> - - <p><strong>3: </strong>Amet consectetuer</p> - - <p><strong>4: </strong>Magna aliquam</p> - - <p><strong>5: </strong>Autem veleum</p> - </div> - </td> - </tr> - </tbody> -</table> - -<p>(Una mica de farciment (padding) es necessita a la dreta de les caixes, on la vora (border) està massa a prop del text.)</p> - -<h3 id="Posicionament">P<span id="result_box" lang="ca"><span>osicionament</span></span></h3> - -<p>Podeu definir la posició d'un element de quatre maneres, especificant la propietat {{ cssxref ("position") }} i un dels següents valors.</p> - -<p>Aquestes són les propietats avançades. És possible utilitzar-les en formes simples, és per això que s'esmenten en aquest tutorial bàsic. Però el seu ús per a dissenys complexos pot ser difícil.</p> - -<dl> - <dt><code>relative</code></dt> - <dd>La posició de l'element es desplaça respecte a la seva posició normal. Utilitzeu aquesta opció per a desplaçar un element en una quantitat especificada. De vegades es pot utilitzar el marge de l'element per aconseguir el mateix efecte.</dd> - <dt><code>fixed</code></dt> - <dd>La posició de l'element és fix. Definir la posició de l'element respecte a la finestra del document. Fins i tot si la resta del document es desplaça, l'element roman fix.</dd> - <dt><code>absolute</code></dt> - <dd>La posició de l'element es fixa en relació amb un element pare. Solsament un pare que estugui posicionat amb <code>relative</code>, <code>fixed</code> o <code>absolute</code>. Es pot fer que qualsevol element pare sigui adequat especificant <code>position:relative</code>; però sense especificar cap canvi.</dd> - <dt><code>static</code></dt> - <dd> - <p>El valor per defecte. Utilitzeu aquest valor si cal desactivar el posicionament de manera explícita.</p> - </dd> -</dl> - -<p>Juntament amb aquests valors de la propietat <code>position</code> (a excepció de <code>static</code>), especifiqueu una o més de les propietats: <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>, <code>width</code>, <code>height</code> per identificar on voleu que aparegui l'element, i potser també la seva grandària.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Per situar dos elements en un sobre l'altre, crear un contenidor pare en el vostre document amb els dos elements en el seu interior:</p> - -<pre class="brush:html"><div id="parent-div"> - <p id="forward">/</p> - <p id="back">\</p> -</div> -</pre> - -<p>En la vostre fulla d'estil, fer la posició dels pares <code>relative</code>. No hi ha necessitat d'especificar qualsevol canvi real. Fer la posició dels fills <code>absolute</code>:</p> - -<pre class="brush:css">#parent-div { - position: relative; - font: bold 200% sans-serif; -} - -#forward, #back { - position: absolute; - margin:0px; /* no margin around the elements */ - top: 0px; /* distance from top */ - left: 0px; /* distance from left */ -} - -#forward { - color: blue; -} - -#back { - color: red; -} -</pre> - -<p>El resultat es veu així, amb la barra invertida a la part superior de la barra inclinada:</p> - -<div style="position: relative; left: .33em; font: bold 300% sans-serif;"> -<p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: blue;">/</p> - -<p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: red;">\</p> -</div> - -<table style="background-color: white; border: 2px outset #3366bb; height: 5em; padding: 1em; width: 30em;"> - <tbody> - <tr> - <td> </td> - </tr> - </tbody> -</table> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>La història completa de posicionament ocupa dos capítols complexes en l'especificació CSS <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html">Model de format Visual </a>i <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html">Detalls del model de format visual</a>.</p> - -<p>Si esteu dissenyant fulles d'estil per a treballar en molts navegadors, llavors també cal tenir en compte les diferències en la manera com els navegadors interpreten la norma, i potser els errors en determinades versions de navegadors particulars.</p> -</div> - -<h2 id="Acció_Especificació_del_disseny"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Especificació</span> <span>del disseny</span></span></h2> - -<ol> - <li>Canvieu el document d'exemple, <code>doc2.html</code>, i la fulla d'estil, <code>style2.css</code>, utilitzant els exemples de més amunt en la secció <a href="#Document_structure" title="#Document structure"><strong>Estructura del document</strong></a> i <a href="#Floats" title="#Floats"><strong>Flotants</strong></a>.</li> - <li>En l'exemple <a href="#Floats" title="#Floats"><strong>Flotants</strong></a> afegir farciment per separar el text de la vora dret en 0,5 em.</li> -</ol> - -<div class="tuto_example"> -<div class="tuto_type">Reptes</div> - -<p>Modifiqueu el document d'exemple, <code>doc2.html</code>, afegint aquesta etiqueta prop del final, just abans de <code></body></code>.</p> - -<pre class="brush:html"><img id="fixed-pin" src="Yellow-pin.png" alt="Yellow map pin"> -</pre> - -<p>Si no heu descarregat l'arxiu d'imatge al principi d'aquest tutorial, descarregar-ho ara, i ho col·loqueu en el mateix directori que els altres arxius d'exemple:</p> - -<table style="border: 2px solid #cccccc;"> - <tbody> - <tr> - <td><img alt="Image:Yellow-pin.png" class="internal" src="https://mdn.mozillademos.org/files/924/Yellow-pin.png"></td> - </tr> - </tbody> -</table> - -<p>Predir on la imatge apareixerà en el document. A continuació, actualitzeu el navegador per veure si és correcte.</p> - -<p>Afegiu una regla a la fulla d'estil que col·loqui la imatge a la part superior dreta del document.</p> - -<p>Actualitzeu el navegador i fer la finestra petita. Comproveu que la imatge es queda a la part superior dreta, fins i tot quan es desplaça el document</p> - -<div style="position: relative; width: 29.5em; height: 18em;"> -<div style="overflow: auto; border: 2px outset #36b; padding: 1em; width: 29em; height: 16em; background-color: white;"> -<p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> - -<div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding: 0px .5em 0px 1em;"> -<ul style=""> - <li>Arctic</li> - <li>Atlantic</li> - <li>Pacific</li> - <li>Indian</li> - <li>Southern</li> -</ul> -</div> - -<p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p> - -<div style="float: left; border: 12px solid #69b; padding: 0 .5em 0 .5em;"> -<p><strong>1: </strong>Lorem ipsum</p> - -<p><strong>2: </strong>Dolor sit</p> - -<p><strong>3: </strong>Amet consectetuer</p> - -<p><strong>4: </strong>Magna aliquam</p> - -<p><strong>5: </strong>Autem veleum</p> -</div> - -<p style=""> </p> - -<div style="position: absolute; top: 2px; right: 0px;"><img alt="Yellow map pin" class="internal" src="https://mdn.mozillademos.org/files/924/Yellow-pin.png"></div> -</div> -</div> -</div> - -<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Layout" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Layout"> Veure la solució per el repte.</a></p> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Tables", "Taules") }}S'han cobert gairebé tots els temes d'aquest tutorial bàsic de CSS. La pàgina següent descriu selectors més avançats per a regles CSS, i algunes formes específiques en el disseny de taules.</p> diff --git a/files/ca/web/guide/css/inici_en_css/estils_de_text/index.html b/files/ca/web/guide/css/inici_en_css/estils_de_text/index.html deleted file mode 100644 index a1a8c9364f..0000000000 --- a/files/ca/web/guide/css/inici_en_css/estils_de_text/index.html +++ /dev/null @@ -1,162 +0,0 @@ ---- -title: Estils de text -slug: Web/Guide/CSS/Inici_en_CSS/Estils_de_text -tags: - - Beginner - - CSS - - CSS Fonts - - 'CSS:Getting_Started' - - Guide - - NeedsBeginnerUpdate - - NeedsLiveSample - - NeedsUpdate - - Web -translation_of: Learn/CSS/Styling_text/Fundamentals -translation_of_original: Web/Guide/CSS/Getting_started/Text_styles ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS", "CSS llegible")}} Aquesta és la 7th secció del tutorial<span class="seoSummary"> <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a>; </span>es donen més exemples d'estils de text. Modifiqueu la fulla d'estil d'exemple per utilitzar diferents fonts.</p> - -<h2 class="clearLeft" id="Informació_Estils_de_text"><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">Informació: Estils de text </span></span></h2> - -<p>CSS té diverses propietats d'estil de text.</p> - -<p>Hi ha una propietat abreujada convenient, {{ cssxref("font") }}, que podeu utilitzar per especificar diversos aspectes alhora, per exemple:</p> - -<ul> - <li>Negreta (Bold), Cursiva (Italic) i Majúscula petita (small-caps) (versaleta)</li> - <li>Mida (Size)</li> - <li><span id="result_box" lang="ca"><span>alçada de la</span> <span>línia</span></span> (Line height)</li> - <li><span id="result_box" lang="ca"><span>Tipus de</span> <span>lletra</span></span> (Font typeface)</li> -</ul> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<pre class="brush:css">p { -font: italic 75%/125% "Comic Sans MS", cursive; -} -</pre> - -<p>Aquesta regla estableix diverses propietats de la font, fent tots els paràgrafs en cursiva.</p> - -<p>La mida de la font s'estableix en les tres quartes parts de la mida d'element pare de cada paràgraf, i l'alçada de la línia s'estableix en 125% (una mica més separats del normal).</p> - -<p>El tipus de lletra s'estableix en la Comic Sans MS, però si aquest tipus de lletra no està disponible, el navegador farà ús del seu tipus de lletra cursiva per defecte (escrit a mà).</p> - -<p>La regla té l'efecte secundari de desactivar negreta i small-caps (establint el seu valor a <code>normal</code>).</p> -</div> - -<h3 id="Tipus_de_fonts">Tipus de fonts</h3> - -<p>No es pot predir que tipus de lletra tindran els lectors del vostre document . Quan especifiqueu tipus de lletra de font, és una bona idea proporcionar una llista d'alternatives en ordre de preferència.</p> - -<p>Acabar la llista amb un dels tipus de lletra per defecte incorporats: <code>serif</code>, <code>sans-serif</code>, <code>cursive</code>, <code>fantasy</code> o <code>monospace</code>.</p> - -<p>Si el tipus de lletra no és compatible amb algunes característiques en el document, el navegador pot substituir per un tipus de lletra diferent. Per exemple, el document pot contenir caràcters especials que el tipus de lletra no admet. Si el navegador pot trobar un altre tipus de lletra que té aquests caràcters, llavors farà servir un altre tipus de lletra.</p> - -<p>Per especificar un tipus de lletra, utilitzar la propietat {{ cssxref("font-family") }}.</p> - -<h3 id="Les_mides_de_la_font">Les mides de la font</h3> - -<p>Els usuaris del navegador poden anul·lar les mides de font per defecte o canviar la mida de text mentre llegeixen una pàgina, pel que té sentit el que utilitzeu mides relatives on es pugui.</p> - -<p>Podeu utilitzar alguns valors incorporats per mides de font, com <code>small</code>, <code>medium</code> i <code>large</code>. També podeu utilitzar valors relatius a la mida de font de l'element pare com: <code>smaller</code>, <code>larger</code>, <code>150%</code> o <code>1.5em</code>. Un "em" és equivalent a l'amplada de la lletra "m" (per la mida de font de l'element pare); per tant 1.5em és una vegada i mitja la mida de la font de l'element pare.</p> - -<p>Si cal, podeu especificar una mida real com: <code>14px</code> (14 píxels) per a un dispositiu de visualització o 14pt (14 punts) per a una impressora. Això no és accessible per als usuaris amb discapacitat visual, ja que no els permet canviar la mida. Una estratègia més accessible és establir un valor incorporat com a mitjà en un element de nivell superior del document i, a continuació establir les mides relatives de tots els seus elements descendents.</p> - -<p>Per especificar una mida de font, utilitzar la propietat {{ cssxref("font-size") }}.</p> - -<h3 id="Alçada_de_la_línia"><span class="short_text" id="result_box" lang="ca"><span>Alçada de la</span> <span>línia</span></span></h3> - -<p><span id="result_box" lang="ca"><span>L'alçada de la</span> <span>línia especifica</span> <span>l'espaiat</span> <span>entre línies.</span> <span>Si</span> <span>el document</span> <span>té els</span> <span>paràgrafs</span> <span>llargs</span> <span>amb</span> <span>moltes</span> <span>línies, una</span> <span>separació</span> <span>més</span> <span>gran del normal</span> <span>fa que</span> <span>sigui</span> <span>més</span> <span>fàcil</span> <span>de llegir,</span> <span>especialment si</span> <span>la mida de la</span> <span>font</span> <span>és petita.</span></span></p> - -<p>Per especificar <span class="short_text" id="result_box" lang="ca"><span>l'alçada de la</span> <span>línia</span></span>, utilitzar la propietat {{ cssxref("line-height") }}.</p> - -<h3 id="Decoració">Decoració</h3> - -<p>A part de la propietat {{ cssxref("text-decoration") }} podeu especificar altres estils, com el <code>subratllat(underline)</code> o <code>ratllat(line-through)</code>. Podeu configurar-ho a <code>none</code> per eliminar explícitament qualsevol decoració.</p> - -<h3 id="Altres_propietats">Altres propietats</h3> - -<p><span class="short_text" id="result_box" lang="ca"><span>Per especificar</span> <span>cursiva, utilitzar</span></span> <code>{{ cssxref("font-style") }}: italic;</code><br> - <span class="short_text" id="result_box" lang="ca"><span>Per especificar</span> <span>negreta</span></span> , <span class="short_text" id="result_box" lang="ca"><span>utilitzar</span></span> <code>{{ cssxref("font-weight") }}: bold;</code><br> - <span class="short_text" id="result_box" lang="ca"><span>Per especificar</span></span> majúscules petites , utilitzar <code>{{ cssxref("font-variant") }}: small-caps;</code></p> - -<p>Per desactivar qualsevol d'ells individualment, especificar el valor <code>normal</code> o <code>inherit</code>.</p> - -<div class="tuto_details"> -<div class="tuto_type">Mé detalls</div> - -<p>Podeu especificar els estils de text d'altres maneres variades.</p> - -<p>Per exemple, algunes de les propietats esmentades aquí tenen altres valors que podeu utilitzar.</p> - -<p>En una fulla d'estil complexa, eviteu l'ús de la propietat de font abreujada, causa efectes secundaris (reposició d'altres propietats individuals).</p> - -<p>Per a més detalls de les propietats que es relacionen amb les fonts, vegeu <a class="external" href="http://www.w3.org/TR/CSS21/fonts.html">Fonts</a> en l'especificació CSS. Per a més detalls de decoració del text, vegeu <a class="external" href="http://www.w3.org/TR/CSS21/text.html">Text</a>.</p> - -<p>Si no voleu dependre dels tipus de lletra instal·lats en els sistemes dels usuaris, podeu utilitzar {{ cssxref("@font-face") }} per especificar una font en línia. No obstant això, requereix que els usuaris tinguin un navegador compatible amb aquesta regla.</p> -</div> - -<h2 id="Acció_Especificació_de_les_fonts"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Especificació</span> <span>de les</span> <span>fonts</span></span></h2> - -<p>Per a un document senzill, es pot establir la font de l'element {{ HTMLElement("body") }} i la resta del document hereta la configuració.</p> - -<ol> - <li>Editeu l'arxiu CSS.</li> - <li>Afegiu la següent regla per canviar el tipus de lletra en tot el document. La part superior de l'arxiu CSS és un lloc lògic per a ell, però té el mateix efecte allà on ho posis: - <pre class="eval">body { -font: 16px "Comic Sans MS", cursive; -} -</pre> - </li> - <li>Afegiu un comentari explicant la regla, i afegiu espai en blanc per a que coincideixi amb el vostre disseny preferit.</li> - <li>Deseu el fitxer i actualitzeu el navegador per veure l'efecte. Si el sistema té Comic Sans MS, o una altra font cursiva que no suporta cursiva, l'explorador tria un tipus de lletra diferent per al text en cursiva en la primera línia:: - <table style="border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td> - </tr> - <tr> - <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td> - </tr> - </tbody> - </table> - </li> - <li>Des de la barra de menú del navegador, seleccioneu <strong>View > Text Size > Increase</strong> (o <strong>View > Zoom > Zoom In</strong>). Tot i que heu especificat 16 píxels en l'estil, un usuari en llegir el document pot canviar la mida.</li> -</ol> - -<div class="tuto_example"> -<div class="tuto_type">Repte</div> - -<p>Sense canviar res més, fer que totes les sis lletres inicials sigui dues vegades la mida de la font serif per defecte en el navegador:</p> - -<table> - <tbody> - <tr> - <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: green; font: 200% serif;">S</strong>tyle <strong style="color: green; font: 200% serif;">S</strong>heets</td> - </tr> - <tr> - <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: red; font: 200% serif;">S</strong>tyle <strong style="color: red; font: 200% serif;">S</strong>heets</td> - </tr> - </tbody> -</table> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> - -<p>Add the following style declaration to the <code>strong</code> rule:</p> - -<pre class="brush: css"> font: 200% serif; -</pre> -If you use separate declarations for <code>font-size</code> and <code>font-family</code>, then the <code>font-style</code> setting on the first paragraph is <em>not</em> overridden. - -<p> </p> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Color", "Color")}}El document d'exemple utilitza diversos colors amb nom. En la següent secció s'enumeren els noms dels colors estàndard i s'explica com es poden especificar altres.</p> diff --git a/files/ca/web/guide/css/inici_en_css/index.html b/files/ca/web/guide/css/inici_en_css/index.html deleted file mode 100644 index 8de66f308e..0000000000 --- a/files/ca/web/guide/css/inici_en_css/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: Inici en CSS -slug: Web/Guide/CSS/Inici_en_CSS -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Guide - - Needs - - NeedsBeginnerUpdate - - NeedsUpdate - - Web -translation_of: Learn/CSS/First_steps -translation_of_original: Web/Guide/CSS/Getting_started ---- -<p>Aquest tutorial és una introducció a les característiques bàsiques i llenguatge (la sintaxi) per als <strong><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS">fulls d'estil en cascada</a></strong><span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS"><strong>(Cascading Style Sheets)</strong></a> (CSS). </span>S'utilitza CSS per canviar l'aspecte d'un document estructurat, com ara una pàgina web. El tutorial també inclou exemples d'exercicis que podeu provar en el vostre ordinador per veure els efectes de les CSS i les característiques que funcionen en els navegadors moderns.</p> - -<p>El tutorial és per a principiants i per qualsevol persona que desitji revisar els conceptes bàsics de CSS. Si teniu més experiència amb CSS, la pàgina principal de CSS <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS">enumera</a> els recursos més avançats.</p> - -<nav class="fancyTOC"><a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/What_is_CSS" rel="next" title="Chapter 'What is CSS' of the CSS tutorial">Què és CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS" title="Chapter 'Why use CSS' of the CSS tutorial">Per què utilitzar CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/How_CSS_works" title="Chapter 'How CSS works' of the CSS tutorial">Com funciona el CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance" title="Chapter 'Cascading and inheritance' of the CSS tutorial">Cascada i herència</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="Chapter 'Selectors' of the CSS tutorial">Selectors</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS" title="Chapter 'Readable_CSS' of the CSS tutorial">CSS Llegible</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles" title="Chapter 'Text_styles' of the CSS tutorial">Estils de text</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Color" title="Chapter 'Color' of the CSS tutorial">Color</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Content" title="Chapter 'Content' of the CSS tutorial">Contingut</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Lists" title="Chapter 'Lists' of the CSS tutorial">Llistes</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes" title="Chapter 'Boxes' of the CSS tutorial">Caixes</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Layout" title="Chapter 'Layout' of the CSS tutorial">Disseny</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Tables" title="Chapter 'Tables' of the CSS tutorial">Taules</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Media" title="Chapter 'Media' of the CSS tutorial">Media</a></nav> - -<h2 id="Que_es_necessita_per_començar"><span class="short_text" id="result_box" lang="ca"><span>Que</span> <span>es</span> <span>necessita</span> <span>per començar</span></span></h2> - -<ul> - <li><span id="result_box" lang="ca"><span>Un editor</span> <span>de text</span></span></li> - <li><span id="result_box" lang="ca"><span>Un navegador</span> <span>modern</span></span></li> - <li>Alguna experiència treballant amb editor de text i navegador</li> -</ul> - -<p>Encara que els exercicis poden ajudar-te a aprendre, no és necessari realitzar-los. Simplement podeu llegir el tutorial i mirar les imatges.</p> - -<p><strong>Nota:</strong> <span id="result_box" lang="ca"><span>El tutorial</span> <span>s'explica</span> <span>com funciona</span> <span>CSS</span> <span>amb el color.</span> <span>Serà més</span> <span>fàcil</span> <span>per</span> <span>completar aquestes</span> <span>seccions</span> <span>amb una pantalla</span> <span>a color</span> <span>i visió de</span> <span>color</span> <span>normal.</span></span></p> - -<h2 id="Com_utilitzar_aquest_tutorial"><span class="short_text" id="result_box" lang="ca"><span>Com</span> <span>utilitzar</span> <span>aquest tutorial</span></span></h2> - -<p>Per utilitzar aquest tutorial, llegiu les pàgines amb cura i de forma seqüencial. Si es salta una pàgina, pot ser difícil d'entendre les pàgines següents en el tutorial.</p> - -<h3 id="Part_I_Els_fonaments_del_CSS"><span class="short_text" id="result_box" lang="ca"><span>Part</span> <span>I: Els</span> <span>fonaments de</span>l<span> CSS</span></span></h3> - -<p>A cada pàgina, utilitzeu la secció d'<em>informació</em> per entendre com funciona CSS. Utilitzeu la secció Acció per probar l'ús de CSS en el vostre ordinador.</p> - -<p>Per posar a prova la vostre comprensió, prendre el repte al final de cada pàgina. Les solucions als reptes estan vinculats en virtut dels reptes, pel que no és necessari mirar-los si no ho desitjeu.</p> - -<p>Per comprendre CSS amb més profunditat, llegiu la informació que es troba en les caselles de subtítols <em>Més detalls</em>. Utilitzeu els enllaços que hi ha per trobar informació de referència sobre CSS</p> - -<h3 id="Part_II_L'Abast_del_CSS"><span class="short_text" id="result_box" lang="ca"><span>Part II</span><span>:</span> <span>L'Abast</span> <span>del CSS</span></span></h3> - -<p><span id="result_box" lang="ca"><span>Una segona</span> <span>part</span> <span>del programa d'aprenentatge</span> <span>proporciona</span> <span>exemples, que</span> <span>mostren l'abast</span> <span>de CSS</span> <span>amb</span> <span>altres tecnologies</span> <span>web i</span> <span>Mozilla</span></span>.</p> - -<ol> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/JavaScript" title="en/CSS/Getting_Started/JavaScript">JavaScript</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/SVG_and_CSS" title="en/CSS/Getting_Started/SVG_graphics">SVG graphics</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XML_data" title="en/CSS/Getting_Started/XML_data">XML data</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XBL_bindings" title="en/CSS/Getting_Started/XBL_bindings">XBL bindings</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XUL_user_interfaces" title="en/CSS/Getting_Started/XUL_user_interfaces">XUL user interfaces</a></li> -</ol> diff --git a/files/ca/web/guide/css/inici_en_css/javascript/index.html b/files/ca/web/guide/css/inici_en_css/javascript/index.html deleted file mode 100644 index 83a6f18c98..0000000000 --- a/files/ca/web/guide/css/inici_en_css/javascript/index.html +++ /dev/null @@ -1,147 +0,0 @@ ---- -title: JavaScript i CSS -slug: Web/Guide/CSS/Inici_en_CSS/JavaScript -tags: - - CSS - - 'CSS:Getting_Started' - - Example - - Guide - - Intermediate - - NeedsUpdate - - Web -translation_of: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents -translation_of_original: Web/Guide/CSS/Getting_started/JavaScript ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>Aquesta és la primera secció de la Part II del <a href="/en/CSS/Getting_Started" title="https://developer.mozilla.org/en/CSS/Getting_Started">tutorial CSS</a>. La Part II conté alguns exemples que mostren l'abast de CSS utilitzat amb altres tecnologies web i Mozilla.</p> - -<p>Cada pàgina en la part II il·lustra com interactua amb CSS alguna altra tecnologia. Aquestes pàgines no estan dissenyades per ensenyar com utilitzar aquestes altres tecnologies. Aneu a altres tutorials per aprendre sobre elles en detall.</p> - -<p>En lloc d'això, aquestes pàgines estan dissenyades per il·lustrar els molts usos de CSS. Per utilitzar aquestes pàgines, heu de tenir algun coneixement de CSS, però no cal cap coneixement d'unes altres tecnologies.</p> - -<p>Secció anterior (Part I): <a href="/en/CSS/Getting_Started/Media" title="https://developer.mozilla.org/en/CSS/Getting_Started/Media">Mitjà</a><br> - Secció següent: <a href="/en/CSS/Getting_Started/SVG_graphics" title="https://developer.mozilla.org/en/CSS/Getting_Started/SVG_graphics">SVG</a></p> - -<h3 id="Information:_JavaScript" name="Information:_JavaScript"><span id="result_box" lang="ca"><span>Informació</span><span>: JavaScript</span></span></h3> - -<p>JavaScript és un <em>llenguatge de programació</em>. JavaScript s'utilitza àmpliament per proporcionar interactivitat en els llocs web i aplicacions.</p> - -<p>JavaScript pot interactuar amb les fulles d'estil, permetent-li escriure programes que canvien l'estil d'un document de forma dinàmica.</p> - -<p>Hi ha tres maneres de fer això:</p> - -<ul> - <li>Treballant amb la llista de fulles d'estil del document, per exemple: afegir, eliminar o modificar una fulla d'estil.</li> - <li>Treballant amb les regles en una fulla d'estil, per exemple: afegir, eliminar o modificar una regla.</li> - <li>Treballant amb un element individual en el DOM, modificant el seu estil independentment de les fulles d'estil del document.</li> -</ul> - -<table style="background-color: #f4f4f4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em; width: 100%;"> - <caption>Més detalls</caption> - <tbody> - <tr> - <td>Per obtenir més informació sobre JavaScript, vegeu la pàgina de <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a> en aquest wiki.</td> - </tr> - </tbody> -</table> - -<h3 id="Action:_A_JavaScript_demonstration" name="Action:_A_JavaScript_demonstration"><span id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Una demostració</span> <span>de JavaScript</span></span></h3> - -<p>Feu un nou document HTML, <code>doc5.html</code>. Copieu i enganxeu el contingut d'aquí, assegurar-vos de deplaçar-vos per obtenir tota ella;</p> - -<div style="width: 48em;"> -<pre class="brush:html;"><!DOCTYPE html> -<html> - -<head> -<title>Mozilla CSS Getting Started - JavaScript demonstration</title> -<link rel="stylesheet" type="text/css" href="style5.css" /> -<script type="text/javascript" src="script5.js"></script> -</head> - -<body> -<h1>JavaScript sample</h1> -<div id="square"></div> -<button>Click Me</button> - -</body> -</html> -</pre> -</div> - -<p>Feu una nova fulla d'estil CSS, <code>style5.css</code>. Copieu i enganxeu el contingut d'aquí:</p> - -<div style="width: 48em;"> -<pre class="brush:css;"> #square { - width: 120px; - height: 120px; - border: 2px inset gray; - margin-bottom: 1em; - } - - button { - padding: .5em 2em; - }</pre> -</div> - -<p>Feu un nou arxiu de text, <code>script5.js</code>. Copieu i enganxeu el contingut d'aquí:</p> - -<div style="width: 48em;"> -<pre class="brush:js;">// JavaScript demonstration -var changeBg = function (event) { - console.log("method called"); - var me = event.target - , square = document.getElementById("square"); - square.style.backgroundColor = "#ffaa44"; - me.setAttribute("disabled", "disabled"); - setTimeout(function () { clearDemo(me) }, 2000); -} - -function clearDemo(button) { - var square = document.getElementById("square"); - square.style.backgroundColor = "transparent"; - button.removeAttribute("disabled"); -} - -var button = document.querySelector("button"); -button.addEventListener("click", changeBg); -console.log(button); -</pre> -</div> - -<p><span id="result_box" lang="ca"><span>Obriu el</span> <span>document</span> <span>en el navegador i</span> <span>premeu el</span> <span>botó</span> <span>o vegeu</span> <span>una mostra</span> <span>del treball</span> <span>a continuació.</span></span></p> - -<p>{{ EmbedLiveSample('Action:_A_JavaScript_demonstration', 320,320) }}</p> - -<div class="note"><strong>Notes importants</strong> sobre aquesta demostració: - -<ul> - <li>El document HTML vincula la fulla d'estil com de costum, i també vincula el script.</li> - <li>L'script funciona amb elements individuals en el DOM. Modifica l'estil del cuadrat directament. Modifica l'estil del botó indirectament pel canvi d'un atribut.</li> - <li>En JavaScript, <code>document.getElementById("square")</code> és similar en funció al selector CSS <code>#square</code>.</li> - <li>En JavaScript, backgroundColor correspon a la propietat CSS <code>background-color</code>. JavaScript no permet guions en noms, de manera que "camelCase" s'utilitza en el seu lloc.</li> - <li>El vostre navegador té una regla CSS incorporada per <code>button{{ mediawiki.external('disabled=\"true\"') }}</code> que canvia l'aspecte del botó quan està desactivat.</li> -</ul> -</div> - -<div class="warning"> -<p>De fet, el document HTML anterior pot tenir una condició de competència (informació relacionada en aquesta pàgina <a href="http://www.w3.org/TR/2014/REC-html5-20141028/single-page.html#common-pitfalls-to-avoid-when-using-the-scripting-apis">W3C</a>), ja que té l'element <em>script</em> dins de l'element head podent inicar-se l'execució del codi JavaScript abans que la pàgina acabi de carregar-se i el codi no funcionarà perquè la variable <em>button</em> serà nul.la. En moure l'element <em>script</em> sota de l'element button (just damunt de l'etiqueta de tancament <em>body</em>) en el marcat HTML hauria de resoldre aquest problema.</p> -</div> - -<table style="background-color: #fffff4; border: 1px solid #3366bb; margin-bottom: .5em; padding: 1em;"> - <caption>Repte</caption> - <tbody> - <tr> - <td>Canvieu el script perquè el quadre salti a la dreta 20 em quan el seu color canviï, i salti cap a enrere després.</td> - </tr> - </tbody> -</table> - -<p><a href="/en/CSS/Getting_Started/Challenge_solutions#JavaScript" title="https://developer.mozilla.org/en/CSS/Getting_Started/Challenge_solutions#JavaScript">Veure la solució per el repte.</a></p> - -<h3 id="I_ara_què">I ara què?</h3> - -<p>Si teniu dificultats per entendre aquesta pàgina o si teniu altres comentaris al respecte, si us plau, contribuïu a la vostre pàgina de <a href="https://developer.mozilla.org/Talk:en/CSS/Getting_Started/JavaScript">discussió</a>.</p> - -<p>En aquesta demostració, el document HTML vincula el script tot i que només l'element button utilitza el script. Mozilla estén CSS de manera que pugui vincular codi JavaScript (i també contingut i altres fulles d'estil) per als elements seleccionats. La pàgina següent mostra això: <strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/XBL_bindings">vincles XBL</a></strong></p> diff --git a/files/ca/web/guide/css/inici_en_css/llistes/index.html b/files/ca/web/guide/css/inici_en_css/llistes/index.html deleted file mode 100644 index a6bd0d31a1..0000000000 --- a/files/ca/web/guide/css/inici_en_css/llistes/index.html +++ /dev/null @@ -1,276 +0,0 @@ ---- -title: Llistes -slug: Web/Guide/CSS/Inici_en_CSS/Llistes -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Example - - Guide - - Intermediate - - NeedsBeginnerUpdate - - NeedsUpdate - - Web -translation_of: Learn/CSS/Styling_text/Styling_lists -translation_of_original: Web/Guide/CSS/Getting_started/Lists ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Content", "Contingut") }} Aquesta és la 10th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a>; descriu com es pot utilitzar CSS per especificar l'aspecte de les llistes. Heu de crear un nou document d'exemple que contindrà les llistes, i un nova fulla d'estil que és el estil de les llistes.</p> - -<h2 class="clearLeft" id="Informació_Llistes">Informació: Llistes</h2> - -<p>Si vau aprendre el repte en l'<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Content">última secció</a>, llavors va veure com es podia afegir contingut abans de qualsevol element perquè aparegués com un element de la llista.</p> - -<p>CSS proporciona propietats especials que estan dissenyades per a les llistes. En general, és convenient utilitzar aquestes propietats sempre que pugueu.</p> - -<p>Per especificar l'estil a una llista, utilitzeu la propietat {{ cssxref("list-style") }} per especificar el tipus de marcador.</p> - -<p>El selector en la seva regla CSS pot seleccionar els elements de la llista d'elements (per exemple, {{ HTMLElement("li") }} ) o es pot seleccionar l'element de la llista dels pares (per exemple, {{ HTMLElement ("ul") }}) de manera que els elements de la llista hereten l'estil.</p> - -<h3 id="Llistes_no_ordenades">Llistes no ordenades</h3> - -<p>En una llista <em>no ordenada</em>, cada element de la llista està marcat de la mateixa manera.</p> - -<p>CSS té tres tipus de marcadors, i aquí es veu com el navegador els mostra:</p> - -<ul style="padding-left: 2em;"> - <li style="list-style-type: disc;"><code>disc</code></li> - <li style="list-style-type: circle;"><code>circle</code></li> - <li style="list-style-type: square;"><code>square</code></li> -</ul> - -<p>També podeu especificar l'adreça URL d'una imatge.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p><span id="result_box" lang="ca"><span>Aquestes</span> <span>regles</span> <span>especifiquen</span> <span>diferents</span> <span>marcadors</span> <span>per a diferents</span> <span>classes</span> <span>d'element</span>s <span>de la llista</span><span>:</span></span></p> - -<pre class="brush:css">li.open {list-style: circle;} -li.closed {list-style: disc;} -</pre> - -<p>Quan aquestes classes s'utilitzen en una llista, distingeix entre els elements oberts i tancats (per exemple, en una llista de tasques pendents):</p> - -<pre class="brush: html"><ul> - <li class="open">Lorem ipsum</li> - <li class="closed">Dolor sit</li> - <li class="closed">Amet consectetuer</li> - <li class="open">Magna aliquam</li> - <li class="closed">Autem veleum</li> -</ul> -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<p>{{ EmbedLiveSample('Unordered_lists', '', '', '') }}</p> -</div> - -<h3 id="Llistes_ordenades">Llistes ordenades</h3> - -<p>En una llista <em>ordenada</em>, cada element de la llista es marca de manera diferent per mostrar la seva posició en la seqüència.</p> - -<p>Utilitzeu la propietat {{ cssxref("list-style") }} per especificar el tipus de marcador:</p> - -<ul style="padding-left: 2em;"> - <li style=""><code>decimal</code></li> - <li style=""><code>lower-roman</code></li> - <li style=""><code>upper-roman</code></li> - <li style=""><code>lower-latin</code></li> - <li style=""><code>upper-latin</code></li> -</ul> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquesta regla especifica que els elements en {{ HTMLElement ("ol") }} amb la classe <code>info</code>, els elements s'identifiquen amb lletres majúscules.</p> - -<pre class="brush: html"><ol class="info"> - <li>Lorem ipsum</li> - <li>Dolor sit</li> - <li>Amet consectetuer</li> - <li>Magna aliquam</li> - <li>Autem veleum</li> -</ol></pre> - -<pre class="brush:css">ol.info {list-style: upper-latin;} -</pre> - -<p>El elements {{ HTMLElement ("li") }} en la llista hereten aquest estil:</p> - -<p>{{ EmbedLiveSample('Ordered_lists', '', '', '') }}</p> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>La propietat {{ cssxref ("list-style") }} és una propietat abreujada. En les fulles d'estil complexes és possible que preferiu utilitzar les propietats independents per establir els valors per separat. Per als enllaços a aquestes propietats separades, i més detalls de com CSS especifica les llistes, consulteu la pàgina de referència {{ cssxref ("list-style") }}.</p> - -<p>Si utilitzeu un llenguatge de marques com l'HTML que proporciona marques convencionals per llistes no ordenades ({{ HTMLElement("ul") }}) i llistes ordenades ({{ HTMLElement("ol") }}), llavors és una bona pràctica utilitzar les etiquetes en la forma en què estan destinades. No obstant això, podeu utilitzar CSS per fer que {{ HTMLElement("ul") }} aparegui ordenat i {{ HTMLElement("ol") }} aparegui desordenat si ho desitjeu.</p> - -<p>Els navegadors difereixen en la forma d'aplicar els estils de llistes. No espereu que la vostre fulla d'estil doni resultats idèntics en tots els navegadors.</p> -</div> - -<h3 id="Comptadors">C<span class="short_text" id="result_box" lang="ca"><span>omptadors</span></span></h3> - -<div style="border: 1px solid red; padding: 6px; margin: 0 0 .5em -6px; width: 100%;"> -<p><strong>Note: </strong> Alguns navegadors no suporten comptadors. La pàgina <a class="external" href="http://www.quirksmode.org/css/contents.html" title="http://www.quirksmode.org/css/contents.html">continguts CSS i compatibilitat del navegador</a> en el <a class="external" href="http://www.quirksmode.org/" title="http://www.quirksmode.org/">lloc Quirks Mode</a> conté un gràfic detallat de la compatibilitat dels navegadors per això i altres característiques CSS. Pàgines individuals en la <a href="/en-US/docs/Web/CSS/Reference" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS_Reference">Referència CSS</a> d'aquest lloc, també tenen taules de compatibilitat del navegador.</p> -</div> - -<p>Podeu utilitzar comptadors per enumerar els elements, no només els elements de la llista. Per exemple, en alguns documents és possible que vulgueu numerar les capçaleres o paràgrafs.</p> - -<p>Per especificar la numeració, es necessita un comptador amb un nom que definiu.</p> - -<p>En algun element abans que el recompte s'iniciï, reinicieu el comptador amb la propietat {{ cssxref("counter-reset") }} i el nom del seu comptador. El pare dels elements que està comptant és un bon lloc per fer-ho, però podeu utilitzar qualsevol element que vingui abans que els elements de la llista.</p> - -<p>Per cada element en el qual s'incrementa el comptador, utilitzeu la propietat {{ cssxref("counter-increment") }} i el nom del seu comptador.</p> - -<p>Per mostrar el comptador, afegiu {{ cssxref("::before") }} o {{ cssxref("::after") }} per al selector i l'ús de la propietat <code>content</code> (com ho va fer en la pàgina anterior, <strong><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Content" title="en-US/docs/Web/Guide/CSS/Getting_Started/Content">Content</a></strong>).</p> - -<p>En el valor de la propietat <code>content</code>, especifiqueu <code>counter()</code> amb el nom del vostre comptador. També podeu indicar un tipus. Els tipus són els mateixos que en la secció anterior de <strong>llistes ordenades</strong>.</p> - -<p>Normalment, l'element que mostra el comptador també l'incrementa.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquesta regla inicialitza un comptador per a cada element {{ HTMLElement("h3") }} amb la classe <code>numbered</code>:</p> - -<pre class="brush:css">h3.numbered {counter-reset: mynum;} -</pre> - -<p>Aquesta regla mostra i incrementa el comptador per a cada element {{ HTMLELement("p") }} amb la classe <code>numbered</code>:</p> - -<pre class="brush: html"><p class="numbered">Lorem ipsum</p> -<p class="numbered">Dolor sit</p> -<p class="numbered">Amet consectetuer</p> -<p class="numbered">Magna aliquam</p> -<p class="numbered">Autem veleum</p> -</pre> - -<pre class="brush:css">body { - counter-reset: mynum; -} -p.numbered:before { - content: counter(mynum) ": "; - counter-increment: mynum; - font-weight: bold; -} -</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p> - -<p>{{ EmbedLiveSample("Counters", '300', '200', '') }}</p> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>No podeu utilitzar comptadors a menys que sàpigueu que tot el que llegeixi el document té un navegador compatible amb ells.</p> - -<p>Si sou capaços d'utilitzar els comptadors, tenen l'avantatge que podeu donar estil els comptadors per separat dels elements de la llista. En l'exemple anterior, els comptadors estan en negreta, però els elements de la llista no ho estan.</p> - -<p>També podeu utilitzar els comptadors en formes més complexes, per exemple, al nombre de seccions, títols, subtítols i paràgrafs en els documents formals. Per a més detalls, consulteu <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#counters">Comptadors i numeració automàtica</a> en l'especificació CSS.</p> -</div> - -<h2 id="Acció_Llistes_amb_estil">Acció: Llistes amb estil</h2> - -<p>Feu un nou document HTML, <code>doc2.html</code>. Copieu i enganxeu el contingut d'aquí:</p> - -<pre class="brush:html;"><!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8"> - <title>Sample document 2</title> - <link rel="stylesheet" href="style2.css"> - </head> - <body> - - <h3 id="oceans">The oceans</h3> - <ul> - <li>Arctic</li> - <li>Atlantic</li> - <li>Pacific</li> - <li>Indian</li> - <li>Southern</li> - </ul> - - <h3 class="numbered">Numbered paragraphs</h3> - <p class="numbered">Lorem ipsum</p> - <p class="numbered">Dolor sit</p> - <p class="numbered">Amet consectetuer</p> - <p class="numbered">Magna aliquam</p> - <p class="numbered">Autem veleum</p> - - </body> -</html> -</pre> - -<p>Feu un nova fulla d'estil, <code>style2.css</code>. Copieu i enganxeu el contingut d'aquí:</p> - -<pre class="brush:css;">/* numbered paragraphs */ -h3.numbered {counter-reset: mynum;} - -p.numbered:before { - content: counter(mynum) ": "; - counter-increment: mynum; - font-weight: bold; -} -</pre> - -<p>Si la disposició i el comentari no són del vostre gust, canvieu-los.</p> - -<p>Obriu el document en el navegador. Si el navegador és compatible amb els comptadors, es veurà alguna cosa semblant com l'exemple a continuació. Si el vostre navegador no suporta comptadors, llavors no veureu els números (i probablement ni tan sols els dos punts):</p> - -<p>{{ EmbedLiveSample('Action_Styled_lists', '300', '400', '') }}</p> - -<div class="tuto_example"> -<div class="tuto_type">Reptes</div> - -<p>Afegiu una regla a la fulla d'estil, per numerar els oceans utilitzant nombres romans de l'I al V:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 0 6em 1em 1em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">The oceans</p> - - <ul style=""> - <li>Arctic</li> - <li>Atlantic</li> - <li>Pacific</li> - <li>Indian</li> - <li>Southern</li> - </ul> - </td> - </tr> - </tbody> -</table> - -<p> </p> - -<p>Canvieu la fulla d'estil per identificar les capçaleres amb lletres majúscules i en parèntesi com aquest:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 0 6em 1em 1em;"> - <tbody> - <tr> - <td> - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(A) The oceans</p> - - <p><strong>. . .</strong></p> - - <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(B) Numbered paragraphs</p> - - <p><strong>. . .</strong></p> - </td> - </tr> - </tbody> -</table> -</div> - -<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Lists" title="en-US/docs/Web/Guide/CSS/Getting started/Challenge solutions#Lists">Veure la solució per el repte.</a></p> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes", "Caixes") }}Quan el navegador mostra el document d'exemple, es crea un espai al voltant dels elements quan els col·loca a la pàgina. La pàgina següent descriu com podeu utilitzar CSS per treballar amb les formes subjacents d'elements, <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes" title="en-US/docs/Web/Guide/CSS/Getting_Started/Boxes">caixes</a>.</p> diff --git a/files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html b/files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html deleted file mode 100644 index d3685309c7..0000000000 --- a/files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html +++ /dev/null @@ -1,111 +0,0 @@ ---- -title: Per què utilitzar CSS? -slug: Web/Guide/CSS/Inici_en_CSS/Per_què_utilitzar_CSS -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Example - - Guide - - NeedsBeginnerUpdate - - Web -translation_of: Learn/CSS/First_steps/How_CSS_works -translation_of_original: Web/Guide/CSS/Getting_started/Why_use_CSS ---- -<p><span style="line-height: 1.5;">{{ CSSTutorialTOC() }}</span></p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/What_is_CSS", "Que és CSS?") }}Aquesta segona secció del tutorial <span class="seoSummary"> <a href="/en-US/docs/Web/Guide/CSS/Getting_started" title="en-US/docs/Web/Guide/CSS/Getting_started">CSS Getting Started</a> </span>explica la relació entre la CSS i els documents. En l'exercici aprendreu com afegir un full d'estil CSS en el document d'exemple que vam crear en la primera secció.</p> - -<h2 class="clearLeft" id="Informació_Per_què_utilitzar_CSS">Informació: Per què utilitzar CSS?</h2> - -<p>S'utilitza CSS per definir estils en els documents, incloent el disseny, la disposició i les variacions en la imatge per als diferents dispositius i mides de pantalla. Podeu posar el CSS en el <head> d'un document amb un full d'estils incrustat, o adjuntar un arxiu separat que defineix els estils amb un full d'estils extern. Per enllaçar un full d'estils extern al document, se li afegeix simplement un enllaç al full d'estils en el <head> del document.</p> - -<p>Un full d'estil extern té molts avantatges. Mantenir els estils separats del seu contingut HTML:</p> - -<ul> - <li>Ajuda a evitar la duplicació</li> - <li>Facilita el manteniment</li> - <li>Permet fer un canvi de tot el lloc en un sol lloc</li> -</ul> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>L'ús de CSS, permet emmagatzemar la informació d'estil en arxius comuns que comparteixen totes les pàgines. Per exemple, quan els documents enllaçan amb el mateix full d'estil que defineix el color de les capçaleres h2, es pot aplicar l'estil de les etiquetes de capçalera h2 globalment, canviant un atribut css.</p> - -<p>Quan un usuari visualitza una pàgina web, el navegador de l'usuari carrega la informació d'estil juntament amb el contingut de la pàgina.</p> - -<p>Quan un usuari imprimeix una pàgina web, pot proporcionar informació de diferent estil que fa que la pàgina impresa sigui fàcil de llegir.</p> -</div> - -<p>Com fer que HTML i CSS treballin junts? En general, s'utilitza HTML per descriure el contingut del document, no el seu estil. CSS s'utilitza per especificar l'estil del document, no el seu contingut. Més endavant en aquest tutorial, veureu algunes excepcions a aquesta disposició.</p> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>Un llenguatge de marcatge com l'HTML també proporciona algunes formes d'establir estil.</p> - -<div>Per exemple, en HTML es pot utilitzar una etiqueta <b> per fer el text en negreta, i establir el color de fons d'una pàgina en la seva etiqueta <body>.</div> - -<div> </div> - -<p>Quan s'utilitza CSS, normalment s'evita l'ús d'aquestes característiques del llenguatge de marcat, de manera que tota la informació d'estil del document està en un sol lloc.</p> -</div> - -<h2 id="Acció_Crear_un_full_d'estil"><span>Acció</span><span>:</span> C<span>rear un full</span> <span>d'estil</span></h2> - -<ol> - <li>Creeu un altre arxiu de text en el mateix directori que el document doc1.html que vau crear en la primera secció.</li> - <li>Guardeu el document com: style1.css. Aquest fitxer serà el full d'estil.</li> - <li>A l'arxiu CSS, copieu i enganxeu aquesta línia, a continuació, deseu el fitxer: - <pre class="brush: css">strong {color: red;} -</pre> - </li> -</ol> - -<h3 id="Vincular_el_document_al_full_d'estils"><span class="short_text" id="result_box" lang="ca"><span>Vincular el</span> <span>document</span> <span>al full</span> <span>d'estils</span></span></h3> - -<ol> - <li><span>Per</span> <span>enllaçar</span> <span>el document</span> <span>al full</span> <span>d'estils</span><span>, editar</span> <span>l'arxiu HTML.</span> <span>Afegiu-hi la</span> <span>línia</span> <span>ressaltada</span> <span>aquí</span><span>:</span> - - <pre class="brush: html; highlight:[6];"><!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8"> - <title>Sample document</title> - <link rel="stylesheet" href="style1.css"> - </head> - <body> - <p> - <strong>C</strong>ascading - <strong>S</strong>tyle - <strong>S</strong>heets - </p> - </body> -</html> -</pre> - </li> - <li>Deseu el fitxer i refrescar la pantalla del navegador. El full d'estil fa que les lletres inicials siguin de color vermell, com aixó:</li> -</ol> - -<p>{{ EmbedLiveSample('Action_Creating_a_stylesheet', '', '', '', 'Web/Guide/CSS/Getting_started/Why_use_CSS') }}</p> - -<p>{{ LiveSampleLink('Action.3A_Creating_a_stylesheet', 'View above Demo') }}</p> - -<div class="tuto_example" id="challenge"> -<div class="tuto_type">Repte</div> - -<p><span id="result_box" lang="ca"><span>A més de</span> <span>vermell</span><span>, CSS</span> <span>permet a alguns</span> <span>altres noms</span> <span>de colors.</span></span></p> - -<p>Sense buscar una referència, trobar cinc noms més de colors que treballin en el full d'estil.</p> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> - -<p>CSS supports common color names like <code>orange</code>, <code>yellow</code>, <code>blue</code>, <code>green</code>, or <code>black</code>. It also supports some more exotic color names like <code>chartreuse</code>, <code>fuschia</code>, or <code>burlywood</code>. See <a href="/en-US/docs/CSS/color_value" title="The CSS color data type">CSS Color value</a> for a complete list as well as other ways of specifying colors.</p> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte</a></div> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works", "Com funciona el CSS.")}}Ara teniu un document de mostra vinculat a un full d'estil separat, ja esteu llestos per <a href="/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works" title="/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works">aprendre més</a> sobre com el navegador les combina quan es mostra el document.</p> diff --git a/files/ca/web/guide/css/inici_en_css/que_és_css/index.html b/files/ca/web/guide/css/inici_en_css/que_és_css/index.html deleted file mode 100644 index 28db41fa98..0000000000 --- a/files/ca/web/guide/css/inici_en_css/que_és_css/index.html +++ /dev/null @@ -1,120 +0,0 @@ ---- -title: Que és CSS? -slug: Web/Guide/CSS/Inici_en_CSS/Que_és_CSS -tags: - - Beginner - - CSS - - 'CSS:Getting_Started' - - Example - - Guide - - NeedsBeginnerUpdate - - Web -translation_of: Learn/CSS/First_steps/How_CSS_works -translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS ---- -<div>{{CSSTutorialTOC}}</div> - -<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started", "Inici en CSS")}} Aquesta primera secció del tutorial <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started">CSS Getting Started</a> explica breument les fulles d'estil en cascada (CSS). També es crearà un document senzill per utilitzar en els exercicis CSS en les seccions següents.</p> - -<h2 class="clearLeft" id="Informació_Que_és_CSS">Informació: Que és CSS?</h2> - -<p><span id="result_box" lang="ca"><span>Fulles</span> <span>d'estil en</span> <span>cascada</span></span> (<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>) <span lang="ca"><span>és un llenguatge</span> <span>per</span> <span>especificar com</span> <span>els</span> <span>documents</span> <span>es</span> <span>presenten als</span> <span>usuaris.</span> <span>Aquests</span> <span>documents</span> <span>estan</span> <span>escrits</span> <span>en un llenguatge</span> <span>de marcat</span> <span>com ara <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML">HTML</a></span><span>.</span></span></p> - -<p>Un document és un recull d'informació que s'estructura utilitzant un <em>llenguatge de marcat</em>.</p> - -<p>La <em>presentació</em> d'un document a un usuari vol dir convertir-lo en una format utilitzable per al seu públic. Navegadors, com Firefox, Chrome o Internet Explorer, estan dissenyats per a presentar documents visuals, per exemple, en una pantalla d'ordinador, un projector o una impressora.</p> - -<div class="tuto_example"> -<p><strong>Exemples</strong></p> - -<ul> - <li>Una pàgina web com la què esteu llegint és un document. La informació que es veu en una pàgina web sol estructurar-se utilitzant el llenguatge de marcat HTML (HyperText Markup Language).</li> - <li>Quadres de diàleg en una aplicació, també anomenades finestres modals, són sovint documents.Tals diàlegs també es poden estructurar utilitzant un llenguatge de marcat, com XUL (XML User Interface Language), que es troba en algunes aplicacions de Mozilla.</li> -</ul> -</div> - -<p>En aquest tutorial, caixes amb el subtítol, <strong>Més detalls</strong>, com la de baix, contenen informació opcional i enllaços a més recursos en un concepte o tema tractat en una secció. Llegir-los com els veieu, seguir els enllaços, o ometre aquestes caixes i tornar a llegir-los més tard.</p> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>Un document no és el mateix que un arxiu. Però, es pot desar un document en un arxiu.</p> - -<p>El document que esteu llegint en aquest moment no està emmagatzemat en un arxiu. Quan el navegador demana aquesta pàgina, el servidor consulta una base de dades i genera el document, recollint les parts del document de diferents arxius. No obstant això, aquest tutorial també pot treballar amb documents emmagatzemats en arxius.</p> - -<p>Podeu trobar més informació sobre els documents i llenguatges de marcatge en altres àrees d'aquest lloc web:</p> - -<table style="background-color: inherit; margin-left: 2em;"> - <tbody> - <tr> - <td><a href="/en-US/docs/Web/HTML" title="/en-US/docs/Web/HTML">HTML</a></td> - <td>per pàgines web</td> - </tr> - <tr> - <td><a href="/en-US/docs/XML" title="/en-US/docs/XML">XML</a></td> - <td><span id="result_box" lang="ca"><span>per documents</span> <span>estructurats en</span> <span>general</span></span></td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/SVG" title="/en-US/docs/Web/SVG">SVG</a></td> - <td>per gràfics</td> - </tr> - <tr> - <td><a href="/en-US/docs/XUL" title="/en-US/docs/XUL">XUL</a></td> - <td><span id="result_box" lang="ca"><span>per interfícies</span> <span>d'usuari en</span> <span>Mozilla</span></span></td> - </tr> - </tbody> -</table> - -<p>A la Part II d'aquest tutorial podreu veure exemples d'aquests llenguatges de marques.</p> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>En la terminologia formal de CSS, el programa que presenta un document a un usuari se anomenat un <em>agent d'usuari</em> (UA). Un navegador és un tipus d'UA. CSS no és només per a navegadors o presentació visual, però en la part I d'aquesta guia, solament es treballarà amb CSS en un navegador.</p> - -<p>Per a les definicions formals de terminologia relatives a la CSS, consulteu <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> en l'especificació CSS del World Wide Web Consortium (W3C), una comunitat internacional que estableix estàndards oberts per al web.</p> -</div> - -<h2 id="Acció_Creació_d'un_document"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Creació</span> <span>d'un</span> <span>document</span></span></h2> - -<ol> - <li>Creeu un nou directori en l'ordinador per guardar i organitzar els exercicis del tutorial.</li> - <li>Obriu un editor de text i crear un nou arxiu de text. Aquest arxiu contindrà el document per als pròxims exercicis tutorials.</li> - <li>Copieu i enganxeu el codi HTML que es mostra a continuació. Deseu el fitxer amb el nom doc1.html - <pre class="brush: html"><!DOCTYPE html> -<html> - <head> - <meta charset="UTF-8"> - <title>Sample document</title> - </head> - - <body> - <p> - <strong>C</strong>ascading - <strong>S</strong>tyle - <strong>S</strong>heets - </p> - </body> -</html></pre> - - <p>{{ LiveSampleLink('Action_Creating_a_document', 'View above Demo') }}</p> - </li> - <li>Obriu una nova pestanya o una nova finestra, a continuació, obriu el fitxer que acabeu de crear. - <p>Hauria de veure el text amb les lletres inicials en negreta, com aquestes:</p> - - <table style="border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td> - </tr> - </tbody> - </table> - - <p>El que veieu en el navegador pot no ser exactament el mateix a causa de la configuració del navegador i d'aquesta wiki. Algunes diferències en el tipus de lletra, espaiat i colors no són importants.</p> - </li> -</ol> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Per què utilitzar CSS?")}} El document encara no utilitza CSS. A la següent secció farem servir CSS per l'estil del document.</p> diff --git a/files/ca/web/guide/css/inici_en_css/selectors/index.html b/files/ca/web/guide/css/inici_en_css/selectors/index.html deleted file mode 100644 index a3e8534ee5..0000000000 --- a/files/ca/web/guide/css/inici_en_css/selectors/index.html +++ /dev/null @@ -1,456 +0,0 @@ ---- -title: Selectors -slug: Web/Guide/CSS/Inici_en_CSS/Selectors -tags: - - Beginner - - CSS - - CSS Selector - - 'CSS:Getting_Started' - - Example - - Guide - - NeedsBeginnerUpdate - - NeedsLiveSample - - NeedsUpdate - - Web -translation_of: Learn/CSS/Building_blocks/Selectors -translation_of_original: Web/Guide/CSS/Getting_started/Selectors ---- -<p>{{ CSSTutorialTOC() }}</p> - -<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance", "Cascada & herència")}}Aquesta 5th secció del tutorial <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started">CSS Getting Started</a>; s'explica com es poden aplicar estils de forma selectiva, i com els diferents tipus de selectors tenen diferents prioritats. Afegir alguns atributs a les etiquetes en el document d'exemple, i utilitzar aquests atributs en el full d'estils d'exemple.</p> - -<h2 class="clearLeft" id="Informació_Selectors">Informació: Selectors</h2> - -<p>CSS té la seva pròpia terminologia per descriure el llenguatge CSS. Anteriorment en aquest tutorial, heu creat una línia al full d'estils com aquesta:</p> - -<pre class="brush: css">strong { - color: red; -} -</pre> - -<p>En la terminologia de CSS, tota aquesta línia és una <em>regla</em>. Aquesta regla s'inicia amb strong, que és un <em>selector</em> (o una llista de <em>selectors</em>). Es selecciona quins elements del DOM s'aplica la regla.</p> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>La part dins de les claus és la <em>declaració</em>.</p> - -<p>L'identificador color és una <em>propietat</em>, i el vermell és un <em>valor</em>.</p> - -<p>El punt i coma després del parell propietat-valor fa de separació d'altres parells propietat-valor en la mateixa declaració.</p> - -<p>En aquest tutorial es refereix a un selector com strong com un selector d'etiquetes. L'especificació CSS es refereix a ell com un selector de <em>tipus</em>.</p> -</div> - -<p>Aquesta pàgina del tutorial explica més sobre els selectors que es poden utilitzar en les regles CSS.</p> - -<p>A més dels noms de les etiquetes, podeu utilitzar els valors dels atributs en els selectors. Això permet que les regles siguin més específiques.</p> - -<p>Dos atributs tenen un estatus especial per CSS. Són <a href="/en-US/docs/Web/HTML/Global_attributes#attr-class" title="en-US/docs/Web/HTML/Global_attributes#attr-class"><code>class</code></a> i <a href="/en-US/docs/Web/HTML/Global_attributes#id" title="en-US/docs/Web/HTML/Global_attributes#id"><code>id</code></a>.</p> - -<h3 id="Selectors_class">Selectors class</h3> - -<p>Utilitzeu l'atribut <a href="/en-US/docs/Web/HTML/Global_attributes#attr-class" title="en-US/docs/Web/HTML/Global_attributes#attr-class"><code>class</code></a> en un element per assignar l'element un nom de classe. Depèn de vosaltres el nom que trieu per a la classe. Múltiples elements d'un document poden tenir el mateix valor de classe.</p> - -<p>En el full d'estil, escriviu un punt (. punt) abans del nom de la classe, quan s'utilitza en un selector.</p> - -<h3 id="Selectors_ID">Selectors ID</h3> - -<p>Utilitzeu l'atribut <a href="/en-US/docs/Web/HTML/Global_attributes#id" title="en-US/docs/Web/HTML/Global_attributes#id"><code>id</code></a> en un element per assignar un identificador a l'element. Depèn de vosaltres el nom que trieu per a l'identificador. El nom de l'identificador ha de ser únic en el document.</p> - -<p>En el full d'estil, escriviu un signe (# hash) abans de l'identificador quan s'utilitza en un selector.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> -Aquesta etiqueta HTML té tant un atribut <code>class</code> com un atribut <code>id</code>: - -<pre class="brush: html"><p class="key" id="principal"> -</pre> - -<p>El valor <strong>id</strong>, <code>principal</code>, ha de ser únic en el document, però altres etiquetes en el document poden tenir el mateix nom de la class, <code>key</code>.</p> - -<p>En un full d'estil CSS, aquesta regla fa que tots els elements amb la class <code>key</code> siguin verds. (Pot ser que no tots siguin elements {{ HTMLElement("p") }}.)</p> - -<pre class="brush: css">.key { - color: green; -} -</pre> - -<p>Aquesta regla fa que l'únic element amb el <strong>id</strong> <code>principal</code> sigui negreta:</p> - -<pre class="brush: css">#principal { - font-weight: bolder; -} -</pre> -</div> - -<h3 id="Selectors_d'atributs"><span class="short_text" id="result_box" lang="ca"><span>Selectors</span> <span>d'atributs</span></span></h3> - -<p>No està limitat als dos atributs especials, <code>class</code> i <code>id</code>. Podeu especificar <a href="/en-US/docs/Web/CSS/Attribute_selectors" title="/en-US/docs/Web/CSS/Attribute selectors">altres atributs</a> mitjançant claudàtors. Dins dels claudàtors es posa el nom de l'atribut, opcionalment seguit d'un operador coincident i un valor. A més, es pot fer entre majúscules i minúscules afegint una "i" després del valor, però no molts navegadors són compatibles amb aquesta funció fins al moment. Exemples:</p> - -<dl> - <dt><code>[disabled]</code></dt> - <dd>Selecciona tots els elements amb un atribut "disabled".</dd> - <dt><code>[type='button']</code></dt> - <dd>Selecciona els elements amb un tipus "button".</dd> - <dt><code>[class~=key]</code></dt> - <dd>Selecciona elements amb la class "key" (però no, per exemple, "keyed", "monkey", "buckeye"). Funcionalment equivalent a <code>.key</code>.</dd> - <dt><code>[lang|=es]</code></dt> - <dd>Selecciona els elements especificats com espanyol. Això inclou "es" i "es-MX", però no "eu-ES" (que és basca).</dd> - <dt>[title*="example" i]</dt> - <dd>Selecciona elements title els quals conté "example", <span id="result_box" lang="ca"><span>ignorant</span> <span>majúscules i</span> <span>minúscules</span></span> . En els navegadors que no admeten l'indicador "i", aquest selector probablement no coincidirà amb cap element.</dd> - <dt><code>a[href^="https://"]</code></dt> - <dd>Especifica com ha de començar el valor de l'atribut; en aquest cas, es selecciona enllaços segurs.</dd> - <dt><code>img[src$=".png"]</code></dt> - <dd>Selecciona elements el valor dels quals finalitza amb la cadena proporcionada. Indirectament selecciona imatges PNG; les imatges són PNGs però la URL de les quals no acabi en ".png" no seràn seleccionades (e.g. `src="some-image.png?_=cachebusterhash"`).</dd> -</dl> - -<h3 id="Selectors_de_pseudo-classes">Selectors de pseudo-classes</h3> - -<p>Un pseudo-classe CSS és una paraula clau afegida als selectors que especifica un estat especial de l'element a seleccionar. Per exemple {{ Cssxref(":hover") }} aplicarà un estil quan l'usuari es desplaci sobre l'element especificat pel selector.</p> - -<p>Les pseudo-classes, juntament amb els pseudo-elements, permeten aplicar un estil a un element no només en relació amb el contingut de l'estructura del document, sinó també en relació als factors externs com l'historial del navegador ({{ cssxref(":visited") }}, per exemple), l'estat del seu contingut (com {{ cssxref(":checked") }} en alguns elements de formulari), o la posició del ratolí (com {{ cssxref(":hover") }} que permet saber si el ratolí està sobre un element o no). Per veure una llista completa dels selectors, visiteu <a href="http://www.w3.org/TR/selectors/#selectors">especificació CSS3 Selectors working</a>.</p> - -<div class="tuto_example"> -<div class="tuto_type">Sintaxi</div> - -<pre class="brush:css">selector:pseudo-class { - property: value; -} -</pre> -</div> - -<h4 id="Llista_de_pseudo-classes">Llista de pseudo-classes</h4> - -<ul> - <li>{{ Cssxref(":link") }}</li> - <li>{{ Cssxref(":visited") }}</li> - <li>{{ Cssxref(":active") }}</li> - <li>{{ Cssxref(":hover") }}</li> - <li>{{ Cssxref(":focus") }}</li> - <li>{{ Cssxref(":first-child") }}</li> - <li>{{ Cssxref(":last-child") }}</li> - <li>{{ Cssxref(":nth-child") }}</li> - <li>{{ Cssxref(":nth-last-child") }}</li> - <li>{{ Cssxref(":nth-of-type") }}</li> - <li>{{ Cssxref(":first-of-type") }}</li> - <li>{{ Cssxref(":last-of-type") }}</li> - <li>{{ Cssxref(":empty") }}</li> - <li>{{ Cssxref(":target") }}</li> - <li>{{ Cssxref(":checked") }}</li> - <li>{{ Cssxref(":enabled") }}</li> - <li>{{ Cssxref(":disabled") }}</li> -</ul> - -<h3 id="Llista_de_selectors">Llista de selectors</h3> - -<p>Una regla pot ser compartida per molts selectors mitjançant una coma (,) per separar els selectors.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> -En l'exemple, ambdós elements que tenen la classe "content-1" i elements que tenen la classe "content-2" per visualitzar el text en negreta. - -<pre class="brush:css">.content-1, .content-2 { - font-weight: bold; -} -</pre> -</div> - -<h2 id="Informació_Especificitat"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>Especificitat</span></span></h2> - -<p>Diverses regles poden tenir selectors que coincideixin amb el mateix element. Si una propietat es dóna en una sola regla, no hi ha conflicte i la propietat s'estableix en l'element. Si més d'una regla s'aplica a un element i estableix la mateixa propietat, llavors CSS dóna prioritat a la regla que té el selector més específic. Un selector de ID és més <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity">específic</a> que una classe, pseudo-classe o selector d'atribut, que al seu torn són més específics que un selector d'etiquetes o pseudo-element.</p> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>També es poden combinar selectors, fent un selector més específic. Per exemple, el selector <code>.key</code> selecciona tots els elements que tenen el nom de classe <code>key</code>. El selector <code>p.key</code> selecciona només elements {{ HTMLElement("p") }} que tenen el nom de classe <code>key</code>.</p> -</div> - -<p>Si el full d'estil té un conflicte de regles i són igualment específiques, llavors CSS doneu prioritat a la regla que és més posterior en el full d'estil.</p> - -<p>Quan tingueu un problema amb regles en conflicte, tracteu de resoldre-ho fent una de les regles més específiques, de manera que tingui prioritat. Si no podeu fer-ho, tracteu de moure una de les regles el més prop del final de la fulla d'estils perquè tingui prioritat.</p> - -<h2 id="Informació_Els_selectors_basats_en_relacions"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>Els</span> <span>selectors</span> <span>basats</span> <span>en relacions</span></span></h2> - -<p>CSS té algunes maneres de seleccionar elements en funció de les relacions entre els elements. Podeu utilitzar aquests per fer selectors que siguin més específics.</p> - -<table id="relselectors"> - <caption>Selectors comuns basats en les relacions</caption> - <tbody> - <tr> - <td style="width: 10em;"><strong>Selector</strong></td> - <td><strong>Seleccions</strong></td> - </tr> - <tr> - <td><code>A E</code></td> - <td>Qualsevol element E que és un <em>descendent</em> d'un element A (que és: un fill, o un fill d'un fill, <em>etc</em>.)</td> - </tr> - <tr> - <td><code>A > E</code></td> - <td>Qualsevol element E que és un <em>fill</em> (és a dir, descendent directe) d'un element A</td> - </tr> - <tr> - <td><code>E:first-child</code></td> - <td>Qualsevol element E que és el <em>primer fill</em> del seu pare</td> - </tr> - <tr> - <td><code>B + E</code></td> - <td>Qualsevol element E que és el següent <em>germà</em> d'un element B (és a dir: el següent fill del mateix pare)</td> - </tr> - </tbody> -</table> - -<p>Es poden combinar aquests per expressar relacions complexes.</p> - -<p>També es pot utilitzar el símbol * (asterisc) en el sentit de "qualsevol element".</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Una taula HTML té un atribut <code>id</code>, però les seves files i cel·les no tenen identificadors individuals:</p> - -<pre class="brush: html"><table id="data-table-1"> -... -<tr> -<td>Prefix</td> -<td>0001</td> -<td>default</td> -</tr> -... -</pre> - -<p>Aquestes regles fan que la primera cel·la de cada fila estigui subratllat, i el germà de la primera cel·la de cada fila estigui tachat (en l'exemple la 2a cel·le). Només afecta a una taula específica en el document:</p> - -<pre class="brush:css"> #data-table-1 td:first-child {text-decoration: underline;} - #data-table-1 td:first-child + td {text-decoration: line-through;} -</pre> - -<p>Aquest és el resultat:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td> - <table style="margin-right: 2em; width: 18em;"> - <tbody> - <tr> - <td><u>Prefix</u></td> - <td><s>0001</s></td> - <td>default</td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> -</table> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Més detalls</div> - -<p>En la forma habitual, si feu un selector més específic, llavors s'augmenta la seva prioritat.</p> - -<p>Si utilitzeu aquestes tècniques, s'evita la necessitat d'especificar els atributs <code>class</code> o <code>id</code> en tantes etiquetes en el document. En el seu lloc, CSS fa la feina.</p> - -<p>En grans dissenys on la velocitat és important, podeu fer que les vostres fulles d'estil siguin més eficients, evitant regles complexes que depenen de les relacions entre els elements.</p> - -<p>Per a més exemples sobre taules, consulteu <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Tables" title="en-US/docs/Web/Guide/CSS/Getting_Started/Tables">Taules</a> en la pàgina Referència CSS..</p> -</div> - -<h2 id="Acció_Ús_dels_selectors_class_i_ID">Acció: Ús dels selectors class i ID</h2> - -<ol> - <li>Editeu l'arxiu HTML, i duplicar el paràgraf copiant i enganxant.</li> - <li>A continuació, afegir els atributs <strong>id</strong> i <strong>class</strong> a la primera còpia, i un atribut <strong>id</strong> a la segona còpia com es mostra a continuació. Com a alternativa, copiar i enganxar tot l'arxiu de nou: - <pre class="brush: html"><!doctype html> -<html> - <head> - <meta charset="UTF-8"> - <title>Sample document</title> - <link rel="stylesheet" href="style1.css"> - </head> - <body> - <p id="first"> - <strong class="carrot">C</strong>ascading - <strong class="spinach">S</strong>tyle - <strong class="spinach">S</strong>heets - </p> - <p id="second"> - <strong>C</strong>ascading - <strong>S</strong>tyle - <strong>S</strong>heets - </p> - </body> -</html> -</pre> - </li> - <li><span id="result_box" lang="ca"><span>Ara</span> <span>editeu el fitxer</span> <span>CSS.</span> <span>Substituir</span> <span>tot</span> <span>el contingut</span> <span>per</span><span>:</span></span> - <pre class="brush:css">strong { color: red; } -.carrot { color: orange; } -.spinach { color: green; } -#first { font-style: italic; } -</pre> - </li> - <li>Guardeu els arxius i actualitzar el navegador per veure el resultat: - <table style="border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td> - </tr> - <tr> - <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td> - </tr> - </tbody> - </table> - - <p>Podeu tractar de reordenar les línies de l'arxiu CSS per mostrar que l'ordre no té efecte.</p> - - <p>Els selectors class <code>.carrot</code> i <code>.spinach</code> tenen prioritat sobre el selector d'etiqueta <code>strong</code>.</p> - - <p>El selector ID <code>#first</code> té prioritat sobre els selectors class i tag.</p> - </li> -</ol> - -<div class="tuto_example"> -<div class="tuto_type">Reptes</div> - -<ol> - <li>Sense canviar el arxiu HTML, afegiu una sola regla a l'arxiu CSS que mantingui totes les lletres inicials en el mateix color que estan ara, però faci que tot l'altre text en el segon paràgraf sigui blau: - <table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td> - </tr> - <tr> - <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td> - </tr> - </tbody> - </table> - </li> - <li>Ara canvieu la regla que acabeu d'afegir (sense canviar res més), per fer el primer paràgraf també blau: - <table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td> - </tr> - <tr> - <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td> - </tr> - </tbody> - </table> - </li> -</ol> - -<div class="tuto_details" id="tutochallenge"> -<div class="tuto_type">Possible solution</div> - -<ol> - <li>Add a rule with an ID selector of <code>#second</code> and a declaration <code>color: blue;</code>, as shown below: - - <pre class="brush: css">#second { color: blue; } -</pre> - A more specific selector, <code>p#second</code> also works.</li> - <li>Change the selector of the new rule to be a tag selector using <code>p</code>: - <pre class="brush: css">p { color: blue; } -</pre> - </li> -</ol> -<a class="hideAnswer" href="#challenge">Hide solution</a></div> -<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div> - -<h2 id="Acció_L'ús_de_selectors_de_pseudo-classes">Acció: L'ús de selectors de pseudo-classes</h2> - -<ol> - <li><span class="short_text" id="result_box" lang="ca"><span>Creeu un arxiu</span> <span>HTML amb el</span> <span>següent</span> <span>contingut</span><span>:</span></span> - - <pre class="brush: html"><!doctype html> -<html> - <head> - <meta charset="UTF-8"> - <title>Sample document</title> - <link rel="stylesheet" href="style1.css"> - </head> - <body> - <p>Go to our <a class="homepage" href="http://www.example.com/" title="Home page">Home page</a>.</p> - </body> -</html> -</pre> - </li> - <li>Ara editeu el fitxer CSS. Substituir tot el contingut per: - <pre class="brush: css">a.homepage:link, a.homepage:visited { - padding: 1px 10px 1px 10px; - color: #fff; - background: #555; - border-radius: 3px; - border: 1px outset rgba(50,50,50,.5); - font-family: georgia, serif; - font-size: 14px; - font-style: italic; - text-decoration: none; -} - -a.homepage:hover, a.homepage:focus, a.homepage:active { - background-color: #666; -} -</pre> - </li> - <li>Guardeu els arxius i actualitzar el navegador per veure el resultat (posar el ratolí sobre el següent enllaç per veure l'efecte): - <table style="border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td>Anem-nos <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td> - </tr> - </tbody> - </table> - </li> -</ol> - -<h2 id="Acció_L'ús_de_selectors_basats_en_les_relacions_i_pseudo-classes"><span id="result_box" lang="ca"><span>Acció</span><span>: L'ús de</span> <span>selectors</span> <span>basats en</span> <span>les</span> <span>relacions</span> <span>i pseudo</span><span>-</span><span>classes</span></span></h2> - -<p>Amb els selectors basats en relacions i pseudo-classes es poden crear complexes algoritmes en cascada. Aquesta és una tècnica comuna que s'utilitza, per exemple, amb la finalitat de crear <strong>menús desplegables en CSS pur</strong> (això només és CSS, sense necessitat d'utilitzar<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"> JavaScript</a>). L'essència d'aquesta tècnica és la creació d'una regla com la següent:</p> - -<pre class="brush: css">div.menu-bar ul ul { - display: none; -} - -div.menu-bar li:hover > ul { - display: block; -}</pre> - -<p><span id="result_box" lang="ca"><span class="alt-edited">per a ser aplicat a una estructura HTML com la següent:</span></span></p> - -<pre class="brush: html"><div class="menu-bar"> - <ul> - <li> - <a href="example.html">Menu</a> - <ul> - <li> - <a href="example.html">Link</a> - </li> - <li> - <a class="menu-nav" href="example.html">Submenu</a> - <ul> - <li> - <a class="menu-nav" href="example.html">Submenu</a> - <ul> - <li><a href="example.html">Link</a></li> - <li><a href="example.html">Link</a></li> - <li><a href="example.html">Link</a></li> - <li><a href="example.html">Link</a></li> - </ul> - </li> - <li><a href="example.html">Link</a></li> - </ul> - </li> - </ul> - </li> - </ul> -</div> -</pre> - -<p>Vegeu el exemple complet d'un menú desplegable basat en CSS com a possible referència.</p> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>La vostre fulla d'estils, d'exemple, està començant a semblar densa i complicada. La següent secció descriu la manera de fer més <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS">fàcil de llegir</a> la CSS.{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS", "CSS llegible")}}</p> diff --git a/files/ca/web/guide/css/inici_en_css/taules/index.html b/files/ca/web/guide/css/inici_en_css/taules/index.html deleted file mode 100644 index d7875ae370..0000000000 --- a/files/ca/web/guide/css/inici_en_css/taules/index.html +++ /dev/null @@ -1,475 +0,0 @@ ---- -title: Taules -slug: Web/Guide/CSS/Inici_en_CSS/Taules -tags: - - CSS - - CSS Tables - - 'CSS:Getting_Started' - - Example - - Guide - - Intermediate - - NeedsBeginnerUpdate - - NeedsLiveSample - - NeedsUpdate - - Web -translation_of: Learn/CSS/Building_blocks/Styling_tables -translation_of_original: Web/Guide/CSS/Getting_started/Tables ---- -<p>{{CSSTutorialTOC}}{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Layout", "Disseny")}}</p> - -<p>Aquesta és la 13th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> tutorial; descriu selectors més avançats, i algunes formes específiques en el disseny de taules. Es crea un nou document d'exemple que conté una taula, i un full d'estil per a això.</p> - -<h2 class="clearLeft" id="Informació_Taules">Informació: Taules</h2> - -<p>Una taula és una disposició de la informació en una reixeta rectangular. Algunes taules poden ser complexes, i per a taules complexes, diferents navegadors poden donar resultats diferents.</p> - -<p>En dissenyar el vostre document, utilitzeu una taula per expressar les <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors" title="en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors">relacions</a> entre els elements d'informació. Llavors no importa si els diferents navegadors presenten la informació de manera lleugerament diferent, ja que el significat segueix sent clar.</p> - -<p>No utilitzeu taules en formes inusuals per produir determinats dissenys visuals. Les tècniques de la pàgina anterior d'aquest tutorial (<strong><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Layout" title="en-US/docs/Web/Guide/CSS/Getting_Started/Layout">Disseny</a></strong>) són millors per a aquest propòsit.</p> - -<h3 id="Estructura_de_la_taula">E<span id="result_box" lang="ca"><span>structura de la taula</span></span></h3> - -<p>En una taula, cada peça d'informació es mostra en una <em>cel·la</em>.</p> - -<p>Les cel·les en una línia de la pàgina constitueix una <em>fila</em>.</p> - -<p>En algunes taules, les files poden ser agrupades. Un grup especial de files en l'inici de la taula és la <em>capçalera (header)</em>. Un grup especial de files al final de la taula és el <em>peu de pàgina (footer)</em>. Les principals files de la taula són el <em>cos (body)</em>, i que també podrien estar en grups.</p> - -<p>Les cel·les en una línia de la pàgina conformen una columna, però les columnes tenen un ús limitat en la CSS de les taules.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>La taula de <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors" title="en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors">Selectors basats en relacion</a> en la pàgina <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="en-US/docs/Web/Guide/CSS/Getting_Started/Selectors">Selectors</a> té deu cel·les en cinc files.</p> - -<p>La primera fila és la capçalera. Les altres quatre files són el cos. No hi ha peu de pàgina.</p> - -<p>Té dues columnes.</p> -</div> - -<p>Aquest tutorial només cobreix taules simples, on els resultats són bastant predictibles. En una taula simple, cada cel·la ocupa només una fila i columna. Es pot utilitzar CSS per a taules complexes en les cel·les que s'estenen (s'estenen a través) més d'una fila o columna, però les taules com aquestes estan més enllà de l'abast d'aquest tutorial bàsic.</p> - -<h3 id="Vores">Vores</h3> - -<p>Les cel·les no tenen marges.</p> - -<p>Les cel·les tenen vores i farciment. Per defecte, les vores estan separades pel valor de la propietat {{cssxref("border-spacing")}} de la taula. També podeu eliminar completament l'espai mitjançant l'establiment de la propietat {{cssxref ("border-collapse")}} de la taula a <code>col·lapsar (collapse)</code>.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquí hi ha tres taules.</p> - -<p>La taula de l'esquerra té 0,5 em espaiat de vores. La taula del centre té espaiat de vores zero. La taula de la dreta ha col·lapsat les vores:</p> - -<pre class="hidden brush: html"><table style="background-color:white; border:2px outset #36b; padding:1em"> - <tbody> - <tr> - <td style="padding-right:2em;"> - <table style="border-spacing:.5em"> - <tbody> - <tr> - <td style="border:1px solid #c00;text-align:center;">Clubs</td> - <td style="border:1px solid #c00;text-align:center;">Hearts</td> - </tr> - <tr> - <td style="border:1px solid #c00;text-align:center;">Diamonds</td> - <td style="border:1px solid #c00;text-align:center;">Spades</td> - </tr> - </tbody> - </table> - </td> - <td style="padding-right:2em;"> - <table style="border-spacing:0px"> - <tbody> - <tr> - <td style="border:1px solid #c00;text-align:center;">Clubs</td> - <td style="border:1px solid #c00;text-align:center;">Hearts</td> - </tr> - <tr> - <td style="border:1px solid #c00;text-align:center;">Diamonds</td> - <td style="border:1px solid #c00;text-align:center;">Spades</td> - </tr> - </tbody> - </table> - </td> - <td style="padding-right:6em;"> - <table style="border-collapse:collapse"> - <tbody> - <tr> - <td style="border:1px solid #c00;text-align:center;">Clubs</td> - <td style="border:1px solid #c00;text-align:center;">Hearts</td> - </tr> - <tr> - <td style="border:1px solid #c00;text-align:center;">Diamonds</td> - <td style="border:1px solid #c00;text-align:center;">Spades</td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> -</table> -</div></pre> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em 6em 1em 1em;"> - <tbody> - <tr> - </tr> - </tbody> -</table> - -<p>{{embedLiveSample('Borders', 600)}}</p> -</div> - -<h3 id="Llegendes">Llegendes</h3> - -<p>Un element {{HTMLElement("caption")}} és una etiqueta que s'aplica a tota la taula. Per defecte, es mostra a la part superior de la taula.</p> - -<p>Per moure'l a la part inferior, establiu la seva propietat {{cssxref("caption-side")}} a baix. La propietat s'hereta, de manera que, alternativament, es pot establir sobre la taula o un altre element antecessor.</p> - -<p>Per l'estil del text de la Llegenda, utilitzeu qualsevol de les propietats usuals de text.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p><span class="short_text" id="result_box" lang="ca"><span>Aquesta taula</span> <span>té</span> <span>una llegenda</span> <span>a la part inferior</span></span>.</p> - -<pre class="brush: css">#demo-table > caption { - caption-side: bottom; - font-style: italic; - text-align: right; -} -</pre> - -<pre class="hidden brush: html"><table style="background-color:white; border:2px outset #36b; padding:1em 6em 1em 1em"> - <tbody> - <tr> - <td> - <table> - <caption style="caption-side: bottom;font-style: italic;text-align: right;">Suits</caption> - <tbody> - <tr> - <td> - <table style="border-collapse:collapse"> - <tbody> - <tr> - <td style="border:1px solid gray;text-align:center;">Clubs</td> - <td style="border:1px solid gray;text-align:center;">Hearts</td> - </tr> - <tr> - <td style="border:1px solid gray;text-align:center;">Diamonds</td> - <td style="border:1px solid gray;text-align:center;">Spades</td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> -</table></pre> - -<p>{{embedLiveSample('Captions', 300)}}</p> -</div> - -<h3 id="Cel·les_buides"><span id="result_box" lang="ca"><span>Cel·les</span> <span>buides</span></span></h3> - -<p>Es poden mostrar cel·les buides (és a dir, les seves vores i fons) especificant {{cssxref("empty-cells")}}: show; per a l'element de la taula.</p> - -<p>Es poden amagar mitjançant l'especificació <code>empty-cells: hide</code>;. Llavors, si l'element pare d'una cel·la té un fons, es mostra a través de la cel.la buida.</p> - -<div class="tuto_example"> -<div class="tuto_type">Exemple</div> - -<p>Aquestes taules tenen un fons de color verd pàl·lid. Les seves cel·les tenen un fons gris clar i unes vores gris fosc.</p> - -<p>A la taula de l'esquerra, es mostra la cel·la buida. A la dreta, està oculta:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;"> - <tbody> - <tr> - <td style="padding-right: 2em;"> - <table style="background-color: #ddffdd;"> - <tbody> - <tr> - <td style="border: 1px solid #555; background-color: #eee;"> </td> - <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Hearts</td> - </tr> - <tr> - <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Diamonds</td> - <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Spades</td> - </tr> - </tbody> - </table> - </td> - <td style="padding-right: 6em;"> - <table style="background-color: #ddffdd;"> - <tbody> - <tr> - <td> </td> - <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Hearts</td> - </tr> - <tr> - <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Diamonds</td> - <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Spades</td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> -</table> -</div> - -<div class="tuto_details"> -<div class="tuto_type">Detalls</div> - -<p>Per obtenir informació detallada sobre les taules, vegeu <a href="http://www.w3.org/TR/CSS21/tables.html">Taules</a> en l'especificació CSS.</p> - -<p>La informació no va més enllà d'aquest tutorial, però no cobreix les diferències entre els navegadors que poden afectar a taules complexes.</p> -</div> - -<h2 id="Acció_Estil_d'una_taula"><span id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Estil</span> <span>d'una</span> <span>taula</span></span></h2> - -<ol> - <li>Feu un nou document HTML, <code>doc3.html</code>. Copieu i enganxeu el contingut d'aquí, assegurant-se que es desplaça per obtenir tota ella; - - <pre class="brush: html"><!DOCTYPE html> -<html> - <head> - <title>Sample document 3</title> - <link rel="stylesheet" href="style3.css"> - </head> - <body> - <table id="demo-table"> - <caption>Oceans</caption> - <thead> - <tr> - <th></th> - <th>Area</th> - <th>Mean depth</th> - </tr> - <tr> - <th></th> - <th>million km<sup>2</sup></th> - <th>m</th> - </tr> - </thead> - <tbody> - <tr> - <th>Arctic</th> - <td>13,000</td> - <td>1,200</td> - </tr> - <tr> - <th>Atlantic</th> - <td>87,000</td> - <td>3,900</td> - </tr> - <tr> - <th>Pacific</th> - <td>180,000</td> - <td>4,000</td> - </tr> - <tr> - <th>Indian</th> - <td>75,000</td> - <td>3,900</td> - </tr> - <tr> - <th>Southern</th> - <td>20,000</td> - <td>4,500</td> - </tr> - </tbody> - <tfoot> - <tr> - <th>Total</th> - <td>361,000</td> - <td></td> - </tr> - <tr> - <th>Mean</th> - <td>72,000</td> - <td>3,800</td> - </tr> - </tfoot> - </table> - </body> -</html> -</pre> - </li> - <li>Feu un nova fulla d'estil, <code>style3.css</code>. Copieu i enganxeu el contingut d'aquí, assegurant-se que es desplaça per obtenir tota ella; - <pre class="brush: css">/*** Style for doc3.html (Tables) ***/ - -#demo-table { - font: 100% sans-serif; - background-color: #efe; - border-collapse: collapse; - empty-cells: show; - border: 1px solid #7a7; -} - -#demo-table > caption { - text-align: left; - font-weight: bold; - font-size: 200%; - border-bottom: .2em solid #4ca; - margin-bottom: .5em; -} - - -/* basic shared rules */ -#demo-table th, -#demo-table td { - text-align: right; - padding-right: .5em; -} - -#demo-table th { - font-weight: bold; - padding-left: .5em; -} - - -/* header */ -#demo-table > thead > tr:first-child > th { - text-align: center; - color: blue; -} - -#demo-table > thead > tr + tr > th { - font-style: italic; - color: gray; -} - -/* fix size of superscript */ -#demo-table sup { - font-size: 75%; -} - -/* body */ -#demo-table td { - background-color: #cef; - padding:.5em .5em .5em 3em; -} - -#demo-table tbody th:after { - content: ":"; -} - - -/* footer */ -#demo-table tfoot { - font-weight: bold; -} - -#demo-table tfoot th { - color: blue; -} - -#demo-table tfoot th:after { - content: ":"; -} - -#demo-table > tfoot td { - background-color: #cee; -} - -#demo-table > tfoot > tr:first-child td { - border-top: .2em solid #7a7; -} -</pre> - </li> - <li>Obriu el document en el navegador. Ha de tenir un aspecte molt similar a aquest:<br> - {{EmbedLiveSample("Action_Styling_a_table", 400, 380)}}</li> - <li>Compareu les regles de la fulla d'estil amb la taula que es mostra, per assegurar-se que compreneu l'efecte de cada regla. Si trobeu una regla que no esteu segur sobre ella, comentar-la i refresqueu el navegador per veure què passa. Aquí hi ha algunes notes sobre aquesta taula: - <ul> - <li>La llegenda es troba fora de la vora de la taula.</li> - <li>Si teniu una mida de punt mínim establert en les Opcions, podria afectar el superíndex en km<sup>2</sup>.</li> - <li>Hi ha tres cel·les buides. Dos d'elles permeten mostrar el fons de la taula a través. El tercer té un fons i una vora superior.</li> - <li>Els dos punts son afegits per la fulla d'estil.</li> - </ul> - </li> -</ol> - -<div class="tuto_example"> -<div class="tuto_type">Repte</div> - -<p>Modifiqueu la fulla d'estils per fer que la taula tingui aquest aspecte:</p> - -<table style="background-color: white; border: 2px outset #3366bb; padding: 1em 6em 1em 1em;"> - <tbody> - <tr> - <td> - <div> - <div style="border: 1px solid #7a7; background-color: #efe;"> - <table style="background-color: #eeffee; border-collapse: collapse; font: 100% sans-serif; padding-right: .5em; text-align: right;"> - <tbody> - <tr style="text-align: center; color: blue;"> - <th> </th> - <th>Area</th> - <th style="padding-left: .5em; padding-right: .5em;">Mean depth</th> - </tr> - <tr style="font-style: italic; color: gray;"> - <th> </th> - <th style="padding-left: .5em; padding-right: .5em;">million km<sup>2</sup></th> - <th style="padding-left: .5em; padding-right: .5em;">m</th> - </tr> - <tr> - <th style="padding-right: .5em;">Arctic:</th> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">13,000</td> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">1,200</td> - </tr> - <tr> - <th style="padding-right: .5em;">Atlantic:</th> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">87,000</td> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td> - </tr> - <tr> - <th style="padding-right: .5em;">Pacific:</th> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">180,000</td> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,000</td> - </tr> - <tr> - <th style="padding-right: .5em;">Indian:</th> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">75,000</td> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td> - </tr> - <tr> - <th style="padding-left: .5em; padding-right: .5em;">Southern:</th> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">20,000</td> - <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,500</td> - </tr> - <tr> - <th style="padding-right: .5em; color: blue;">Total:</th> - <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;">361,000</td> - <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;"> </td> - </tr> - <tr> - <th style="padding-right: .5em; color: blue;">Mean:</th> - <td style="background-color: #cee; padding: .5em .5em .5em 3em;">72,000</td> - <td style="background-color: #cee; padding: .5em .5em .5em 3em;">3,800</td> - </tr> - </tbody> - </table> - </div> - - <p style="font: italic 100% sans-serif; text-align: right; border-top: .4em solid #4ca; margin: 1em 0px 0px 0px;">Oceans</p> - </div> - </td> - </tr> - </tbody> -</table> -</div> - -<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Tables" title="en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Tables">Veure la solució per el repte.</a></p> - -<h2 id="I_ara_què">I ara què?</h2> - -<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Media", "Media")}}Aquesta és l'última pàgina d'aquest tutorial que se centra en les propietats i els valors CSS. Per a un resum complet de les propietats i valors, vegeu <a href="http://www.w3.org/TR/CSS21/propidx.html">Taula de propietats completa </a>en l'especificació CSS</p> - -<p>En la següent pàgina <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Media">es veu de nou</a> el propòsit i l'estructura de les fulles d'estil CSS.</p> diff --git a/files/ca/web/guide/gràfics/index.html b/files/ca/web/guide/graphics/index.html index a65c99ec66..a65c99ec66 100644 --- a/files/ca/web/guide/gràfics/index.html +++ b/files/ca/web/guide/graphics/index.html diff --git a/files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html b/files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html deleted file mode 100644 index 6c683a8156..0000000000 --- a/files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html +++ /dev/null @@ -1,186 +0,0 @@ ---- -title: Consells per crear pàgines HTML de càrrega ràpida -slug: Web/Guide/HTML/_Consells_per_crear_pàgines_HTML_de_càrrega_ràpida -tags: - - Advanced - - Guide - - HTML - - NeedsUpdate - - Performance - - Web -translation_of: Learn/HTML/Howto/Author_fast-loading_HTML_pages ---- -<p><span id="result_box" lang="ca"><span>Aquests consells</span> <span>es</span> <span>basen</span> <span>en el coneixement</span> <span>i</span> <span>l'experimentació</span> <span>comuna.</span></span></p> - -<p>Una pàgina web optimitzada no només preveu un lloc més sensible per als seus visitants, sinó que també redueix la càrrega dels servidors web i la connexió a Internet. Això pot ser crucial per als llocs d'alt volum o dels llocs que tenen un pic en el tràfic a causa de circumstàncies inusuals, com ara notícies d'última hora.</p> - -<p>Optimitzar el rendiment de càrrega de pàgina no és només per a contingut que serà vist pels visitants de dispositius telefònics o mòbils de banda estreta. És igual d'important que el contingut en banda ampla i pot conduir a millores espectaculars fins i tot per als seus visitants amb les connexions més ràpides.</p> - -<h2 id="Consells">Consells</h2> - -<h3 id="Reduir_el_pes_de_la_pàgina"><span class="short_text" id="result_box" lang="ca"><span>Reduir</span> <span>el pes</span> <span>de la pàgina</span></span></h3> - -<p>El pes de la pàgina és, de bon tros, el factor més important en el rendiment de càrrega de pàgines.</p> - -<p>La reducció del pes de la pàgina a través de l'eliminació d'espais en blanc i comentaris innecessaris, comunament coneguda com la reducció al mínim, i movent el script en línia i CSS en arxius externs, pot millorar el rendiment de descàrrega amb una necessitat mínima d'altres canvis en l'estructura de la pàgina.</p> - -<p>Eines com ara <a class="external" href="http://www.html-tidy.org">HTML Tidy</a> pot treure automàticament espais en blanc i les línies en blanc addicionals del codi HTML vàlid. Altres eines poden "comprimir" JavaScript canviant el format o per ofuscació de la font i la substitució dels identificadors llargs amb versions més curtes.</p> - -<h3 id="Reduir_al_mínim_el_nombre_d'arxius"><span class="short_text" id="result_box" lang="ca"><span>Reduir al</span> <span>mínim el</span> <span>nombre d'arxius</span></span></h3> - -<p>La reducció del nombre d'arxius que es fa referència en una pàgina web redueix el nombre de connexions <a href="/en-US/docs/HTTP" title="en-US/docs/HTTP">HTTP</a> necessaries per descarregar una pàgina.</p> - -<p>Depenent de la configuració de la memòria cau d'un navegador, es pot enviar una petició <code>If-Modified-Since</code> al servidor web per a cada arxiu CSS, JavaScript o imatge, preguntant si l'arxiu ha estat modificat des de l'última vegada que es va descarregar.</p> - -<p>En reduir el nombre d'arxius que es fa referència en una pàgina web, es redueix el temps necessari perquè aquestes peticions siguin enviades, i per les respostes que es rebin.</p> - -<p>Si utilitzeu moltes imatges de fons en el vostre CSS, es pot reduir la quantitat de cerques HTTP necessaries mitjançant la combinació de les imatges en una, conegut com un sprite d'imatge. A continuació, només s'aplica la mateixa imatge cada vegada que ho necessiteu per a un fons, i ajustant les coordenades x/y de manera apropiada. Aquesta tècnica funciona millor amb els elements que tenen dimensions limitades, i no funcionarà per a cada ús d'una imatge de fons. No obstant això, el menor nombre de peticions HTTP i l'emmagatzematge en memòria cau d'una sola imatge pot ajudar a reduir el temps pageload.</p> - -<p>L'excés de temps dedicat a la consulta de l'última modificació dels arxius de referència pot retardar la visualització inicial d'una pàgina web, ja que el navegador ha de comprovar el temps de modificació per a cada arxiu CSS o JavaScript, abans de processar la pàgina.</p> - -<h3 id="Reduir_la_recerca_de_dominis"><span class="short_text" id="result_box" lang="ca"><span>Reduir</span> <span>la recerca</span> <span>de dominis</span></span></h3> - -<p>Atès que cada domini per separat porta temps en la recerca de DNS, el temps de càrrega de la pàgina creixerà juntament amb el nombre de dominis independents que apareguin en link(s) CSS i src(es) JavaScript i imatge.</p> - -<p>Això no sempre és pràctic; no obstant això, sempre s'ha de tenir en compte d'utilitzar només el nombre mínim necessari dels diferents dominis en les vostres pàgines.</p> - -<h3 id="Contingut_reutilitzat_en_memòria_cau"><span class="short_text" id="result_box" lang="ca"><span>Contingut</span> <span>reutilitzat</span> <span>en memòria cau</span></span></h3> - -<p>Assegureu-vos que qualsevol contingut que es pugui emmagatzemar en memòria cau, s'emmagatzemi en memòria cau, i amb els temps de caducitat apropiades.</p> - -<p>En concret, presteu atenció a la capçalera <code>Last-Modified</code>. Permet d'una manera eficient l'emmagatzematge en memòria cau de la pàgina; per mitjà d'aquesta capçalera, la informació es transmet a l'agent d'usuari sobre l'arxiu que vol carregar, com quan es va modificar per última vegada. La majoria dels servidors web afegeixen automàticament la capçalera <code>Last-Modified</code> a pàgines estàtiques (per exemple <code>.html, .css</code>), d'acord amb la data d'última modificació emmagatzemada en el sistema d'arxius. Amb les pàgines dinàmiques (per exemple, <code>.php, .aspx</code>), això, per descomptat, no es pot fer, i la capçalera no s'envia.</p> - -<p>Així, en particular, per a les pàgines que es generen de forma dinàmica, una mica de recerca sobre aquest tema és beneficiós. Pot ser una mica complicat, però s'estalviarà molt en les sol·licituds de pàgina en les pàgines que normalment no serien emmagatzemades en memòria cau.</p> - -<p>Més informació:</p> - -<ol> - <li><a class="external" href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">HTTP Conditional Get for RSS Hackers</a></li> - <li><a class="external" href="http://annevankesteren.nl/archives/2005/05/http-304">HTTP 304: Not Modified</a></li> - <li><a class="external" href="http://en.wikipedia.org/wiki/HTTP_ETag">HTTP ETag on Wikipedia</a></li> - <li><a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec13.html">Caching in HTTP</a></li> -</ol> - -<h3 id="Ordenar_de_manera_òptima_els_components_de_la_pàgina">Ordenar de manera òptima els components de la pàgina</h3> - -<p>Descarregar el contingut de la pàgina en primer lloc, juntament amb qualsevol CSS o JavaScript que pugui ser necessàri per a la seva visualització inicial, de manera que l'usuari obté una resposta aparent més ràpida durant la càrrega de les pàgines. Aquest contingut és normalment de text, i per tant pot beneficiar-se de la compressió del text en trànsit, proporcionant així una resposta fins i tot més ràpida per a l'usuari.</p> - -<p>Cap característica dinàmica que requereixi la pàgina per completar la càrrega abans de ser utilitzada, ha de ser desactivada inicialment, i només es permet després que la pàgina s'hagi carregat. Això farà que el JavaScript es carregui després del contingut de la pàgina, el que millorarà l'aspecte general de la càrrega de la pàgina.</p> - -<h3 id="Reduce_the_number_of_inline_scripts" name="Reduce_the_number_of_inline_scripts">Reduir el nombre de scripts en línia</h3> - -<p>Els scripts en línia poden ser costosos per a la càrrega de la pàgina, ja que l'analitzador ha d'assumir que un script en línia podria modificar l'estructura de la pàgina, mentre que l'anàlisi està en curs. Reduir l'ús de scripts en línia en general, i reduir l'ús de <code>document.write()</code> per a continguts de sortida en particular, pot millorar la càrrega total de la pàgina. Utilitzeu mètodes moderns d'<a href="https://developer.mozilla.org/en-US/docs/AJAX">AJAX</a> per manipular el contingut de la pàgina per als navegadors moderns, en lloc dels antics enfocaments basats en <code>document.write()</code>.</p> - -<h3 id="Utilitzar_CSS_modern_i_marcat_vàlid"><span class="short_text" id="result_box" lang="ca"><span>Utilitzar</span> <span>CSS</span> <span>modern</span> <span>i</span> <span>marcat</span> <span>vàlid</span></span></h3> - -<p>L'ús de CSS modern redueix la quantitat de marcat, pot reduir la necessitat d'imatges (spacer), en termes de disseny, i molt sovint pot substituir les imatges de text estilitzat - el "cost" és molt més que l'equivalent de text-i-CSS.</p> - -<p>L'ùs del marcat vàlid té altres avantatges. En primer lloc, els navegadors no tenen necessitat de dur a terme la correcció d'errors a l'analitzar el codi HTML (això és, a part de la qüestió filosòfica, de si s'ha de permetre la variació de format a l'entrada de l'usuari, i després mitjançant programació "corregir" o normalitzar aquest o si, en canvi, fer complir un estricte format d'entrada, no tolerància).</p> - -<p>D'altra banda, el marcat vàlid permet el lliure ús d'altres eines les quals poden pre-processar les vostres pàgines web. Per exemple, <a href="http://tidy.sourceforge.net/">HTML Tidy</a> pot eliminar espais en blanc i les etiquetes opcionals de tancament; però, es negarà a executar una pàgina amb greus errors de marcat.</p> - -<h3 id="Part_del_teu_contingut">Part del teu contingut</h3> - -<p>Les taules de dissenys són un mètode llegat que no ha de ser utilitzat més. Dissenys que utilitzen blocs {{HTMLElement ("div")}}, i en un futur pròxim, <a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="en-US/docs/CSS3_Columns">CSS3 Multi-column Layout</a> o <a href="/en-US/docs/Using_flexbox" title="en-US/docs/Using_flexbox">CSS3 Flexible Box Layout</a>, s'han d'utilitzar al seu lloc.</p> - -<p>Les taules encara es consideren marcat vàlid, però han de ser utilitzades per a la visualització de dades tabulars. Per ajudar al navegador a processar la vostre pàgina més ràpidament, heu d'evitar niar les vostres taules.</p> - -<p>En lloc de niar profundament les taules com en:</p> - -<pre><TABLE> - <TABLE> - <TABLE> - ... - </TABLE> - </TABLE> -</TABLE></pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>utilitzar</span> <span>taules no</span> <span>niats</span> <span>o</span> <span>divs</span> <span>com</span> <span>a</span></span>:</p> - -<pre><TABLE>...</TABLE> -<TABLE>...</TABLE> -<TABLE>...</TABLE> -</pre> - -<p>Veure: <a class="external" href="http://www.w3.org/TR/css3-multicol/" title="http://www.w3.org/TR/css3-multicol/">CSS3 Multi-column Layout Spec</a> i <a class="external" href="http://www.w3.org/TR/css3-flexbox/" title="http://www.w3.org/TR/css3-flexbox/">CSS3 Flexible Box Layout</a></p> - -<h3 id="Minimitzar_i_comprimir_recursos_SVG">Minimitzar i comprimir recursos SVG</h3> - -<p>SVG produït per la majoria de les aplicacions de dibuix, sovint conté metadades innecessaries que es poden treure. Configureu els servidors per aplicar la compressió gzip per als recursos SVG.</p> - -<h3 id="Especificar_les_mides_de_les_imatges_i_taules"><span class="short_text" id="result_box" lang="ca"><span>Especificar</span> <span>les mides de les</span> <span>imatges</span> <span>i</span> <span>taules</span></span></h3> - -<p>Si el navegador pot determinar immediatament l'altura i/o amplada de les vostres imatges i taules, serà capaç de mostrar una pàgina web sense haver de reorganitzar el contingut. Això no només accelera la visualització de la pàgina, sinó que evita els molestos canvis en el disseny d'una pàgina quan la pàgina completa la càrrega. Per aquesta raó, <code>height</code> i <code>width</code> s'han d'especificar per a les imatges, sempre que sigui possible.</p> - -<p><span id="result_box" lang="ca"><span>Les</span> <span>taules</span> <span>han d'utilitzar la combinació CSS</span> <span>selector:propietat</span><span>:</span></span></p> - -<pre> table-layout: fixed; -</pre> - -<p>i ha de precisar les amplades de les columnes utilitzant les etiquetes HTML <code>COL</code> i <code>COLGROUP</code>.</p> - -<h3 id="Trieu_els_vostres_requisits_d'agent_d'usuari_sàviament">Trieu els vostres requisits d'agent d'usuari sàviament</h3> - -<p>Per aconseguir les millores més importants en el disseny de la pàgina, assegureu-vos que els requisits raonables d'agent d'usuari s'especifiquin en els projectes. No requereix que el seu contingut aparegui un píxel perfecte en tots els navegadors, especialment no en els navegadors de versions més antigues.</p> - -<p>L'ideal és que, els requisits mínims bàsics s'han de basar en la consideració dels navegadors moderns que suporten les normes pertinents. Això pot incloure les versions recents de Firefox, Internet Explorer, Google Chrome, Opera i Safari.</p> - -<p>Recordeu, però, que molts dels consells que apareixen en aquest article són tècniques de sentit comú que s'apliquen a qualsevol agent d'usuari, i que es poden aplicar a qualsevol pàgina web, independentment dels requisits de compatibilitat amb els navegadors.</p> - -<h2 id="Example_page_structure" name="Example_page_structure">Exemple de l'estructura d'una pàgina</h2> - -<p>· <code>HTML</code></p> - -<dl> - <dd>· <code>HEAD</code></dd> -</dl> - -<dl> - <dd> - <dl> - <dd>· <code>LINK </code>...<br> - arxius CSS necessaris per l'aparença de la pàgina. Minimitzar el nombre d'arxius per el rendiment, mentre es manté CSS no relacionat en arxius separats per al manteniment.</dd> - </dl> - </dd> -</dl> - -<dl> - <dd> - <dl> - <dd>· <code>SCRIPT </code>...<br> - arxius JavaScript per a funcions requerides durant la càrrega de la pàgina, però no qualsevol DHTML que només es pot executar després de càrrega de la pàgina.</dd> - <dd>Minimitzar el nombre d'arxius per el rendiment, mentre es manté JavaScript no relacionat en arxius separats per al manteniment.</dd> - </dl> - </dd> -</dl> - -<dl> - <dd>· <code>BODY</code></dd> - <dd>· Contingut de la pàgina, visible per a l'usuari, en trossos petits (taules/divs) que es poden visualitzar sense esperar que la pàgina completi la seva descàrrega.</dd> -</dl> - -<dl> - <dd> - <dl> - <dd>· <code>SCRIPT </code>...<br> - Qualsevol script que s'utilitzarà per realitzar DHTML. El script DHTML normalment es pot executar després que la pàgina s'hagi carregat completament i tots els objectes necessaris hagin estat inicialitzats. No hi ha necessitat de carregar aquests scripts abans que el contingut de la pàgina. Això només ralenteix l'aparença inicial de la càrrega de la pàgina.</dd> - <dd>Minimitzar el nombre d'arxius per el rendiment, mentre es manté JavaScript no relacionat en arxius separats per al manteniment.</dd> - <dd>Si s'utilitzen les imatges per a efectes rollover, s'ha de carregar prèviament aquí després que el contingut de la pàgina s'hagi descarregat.</dd> - </dl> - </dd> -</dl> - -<h2 id="Utilitzar_asyn_i_defer_si_és_possible">Utilitzar asyn i defer, si és possible</h2> - -<p>Fer que els scripts de JavaScript siguin compatibles tant amb <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/script#Attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Element/script">async</a> i <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/script#Attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Element/script">defer</a> i utilitzar <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/script#Attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Element/script">async</a> sempre que sigui possible, especialment si té diverses etiquetes de script. Amb això, la pàgina pot aturar el processament, mentre que encara s'estigui carregant JavaScript. En cas contrari, el navegador no renderizará res que estigui darrere de les etiquetes de script que no tinguin aquests atributs.</p> - -<p>Nota: Tot i que aquests atributs ens ajuden molt per a la primera vegada que es carrega una pàgina, s'han d'usar, però no dependre de que funcionarà en tots els navegadors. Si seguiu totes les pautes per fer un bon codi JavaScript, no hi ha necessitat de canviar el codi.</p> - -<h2 id="Enllaços_relacionats"><span class="short_text" id="result_box" lang="ca"><span>Enllaços</span> <span>relacionats</span></span></h2> - -<ul> - <li>Llibre: <a class="external" href="http://www.websiteoptimization.com/">"Speed Up Your Site" by Andy King</a></li> - <li><span id="result_box" lang="ca"><span>Les</span> <span>excel·lents i</span> <span>molt</span> <span>completes</span></span> <a class="external" href="http://developer.yahoo.com/performance/rules.html" title="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a> (Yahoo!)</li> - <li><span id="result_box" lang="ca"><span>Eines</span> <span>per a l'anàlisi</span> <span>i</span> <span>l'optimització</span> <span>del rendiment</span></span> : <a href="https://developers.google.com/speed/pagespeed/" title="https://developers.google.com/speed/pagespeed/">Google PageSpeed Tools</a></li> - <li><a href="/en-US/docs/Tools/Paint_Flashing_Tool">Paint Flashing Tool</a></li> -</ul> diff --git a/files/ca/web/guide/html/us_de_seccions_i_esquemes_en_html/index.html b/files/ca/web/guide/html/using_html_sections_and_outlines/index.html index 5da074b341..5da074b341 100644 --- a/files/ca/web/guide/html/us_de_seccions_i_esquemes_en_html/index.html +++ b/files/ca/web/guide/html/using_html_sections_and_outlines/index.html diff --git a/files/ca/web/guide/mobile/a_hybrid_approach/index.html b/files/ca/web/guide/mobile/a_hybrid_approach/index.html new file mode 100644 index 0000000000..da2ee0a625 --- /dev/null +++ b/files/ca/web/guide/mobile/a_hybrid_approach/index.html @@ -0,0 +1,43 @@ +--- +title: Una solució híbrida +slug: Web_Development/Mobile/A_hybrid_approach +translation_of: Web/Guide/Mobile/A_hybrid_approach +--- +<p>Les bales de plata costen de trobar en el desenvolupament web — és molt més probable que empris estratègies que fan ús de vàries tècniques segons les circumstàncies. I això ens du a la nostra tercera solució pel desenvolupament web amigable amb el mòbil, que tracta d'evitar les deficiències de les altres dues solucions (<a href="/ca/Web_Development/Mobile/Separate_sites" title="en/Web development/Mobile/Separate sites">diferents webs</a> i <a href="/ca/Web_development/Mobile/Responsive_design" title="en/Web_development/Mobile/Responsive_design">única web amb disseny sensible</a>), combinant-les.</p> +<p>Aquest enfoc híbrid se centra en atacar per separat cada un dels <a href="/ca/Web_Development/Mobile/Mobile-friendliness" title="en/Web development/Mobile/Mobile-friendliness">tres objectius del desenvolupament web per als mòbils</a>, i aplicar les millors solucions tècniques disponibles a cada un d'ells. Aquest article presenta aquí una potencial combinació de tècniques, però en altres circumstàncies pot convenir una combinació diferent. El concepte clau que cal recordar i entendre és que per resoldre les teves necesitats concretes pots combinar les tècniques que calgui de banda del servidor amb les aplicades al navegador.</p> +<h2 id="Avantatges">Avantatges</h2> +<p>El disseny sensible (<em>responsive design</em>) està força bé — ara mateix [NT: juny 2011] és la millor tècnica disponible per a fer que els nostres <em>layouts</em> web es vegin bé en una àmplia varietat de circumstàncies. Si l'ús que se li ha de donar a les versions mòbil i de PC de la teva web són suficientment similars, llavors aquesta és la solució preferible pels teus <em>layouts</em>. Encara que -no s'ha d'oblidar- pot ser una mica cansat continuament usar tècniques (CSS i Javascript) per modificar la presentació de continguts que es presenten segons el context.</p> +<p>Afortunadament, no hi ha motius tècnics que ens forcin a emprar tècniques de la banda del navegador per a aquesta tasca: tenim l'opció de fer servir la detecció del <em>user-agent</em> des de la banda del servidor per a escollir el contingut que volem mostrar a l'usuari. Això no reduirïa la complexitat d'alterar el contingut des de la banda del servidor, però encara permetria que els nostres <em>layouts</em> es beneficiessin de la flexibilitat i futura llegibilitat del disseny sensible.</p> +<p>L'ús de la detecció del <em>user-agent</em> pel contingut i no pas pel <em>layout</em> també et permetria tenir una única URL per a ambdós continguts, puix que el contingut pot adaptar la seva disposició al navegador de l'usuari. Això normalment es veu com a una <a class="external" href="http://www.w3.org/TR/mobile-bp/#OneWeb" title="W3C One Web Recommendation">bona solució</a>. En lloc de mantenir dues versions completament diferents de la web, simplement redirigim els usuaris a les planes amb el contingut que els hi escau. I donat que el disseny és sensible, saps que cada plana es veurà tan bé com és possible a la pantalla de l'usuari.</p> +<p>També podem donar solució a alguns dels problemes de rendiment del disseny sensible incorporant certes tècniques des de la banda del servidor. Per exemple, un dels punts més criticats als dissenys sensibles és que les imatges són enviades a tots els dispositius amb la mateixa resolució, incloent telèfons els quals redimensionen les imatges inteligentment. <a class="external" href="http://wurfl.sourceforge.net/utilities/imageserver.php" title="WURFL Image Server">Una tècnica</a> per a evitar aquest inconvenient empra la detecció del <em>user-agent</em> des del servidor juntament amb la llibreria de detecció de capacitat del dispositiu de <a class="external" href="http://wurfl.sourceforge.net/" title="WURFL device capability library">WURFL</a> per a enviar una imatge ja reescalada segons el dispositiu de l'usuari. Estan sorgint una <a class="external" href="http://imgble.com/" title="IMGBLE">àmplia gama</a> de <a class="external" href="http://www.sencha.com/products/io/" title="Sencha IO">productes</a> que proporcionen això com a webservice. És clar, aquesta tècnica pateix els desavantatges associats a la deteccció del <em>user-agent</em>. Però inclús si això no funciona, el rendiment no és pitjor que emprant només <a class="external" href="http://unstoppablerobotninja.com/entry/fluid-images/" title="Fluid Images">imatges fluides</a>.</p> +<p>Combinant les tècniques ja mencionades, podem obtenir una estratègia de desenvolupament web mòbil que és més flexible que les webs fetes diferents (mòbil vs. PC) i té millor rendiment que un disseny sensible pur.</p> +<h2 id="Inconvenients">Inconvenients</h2> +<p>Un inconvenient de les solucions híbrides és que poden conduir a un augment en el nombre de vies de codi que treballen en paralel, tant del costat del navegador com del servidor. Això és tradueix en un molt probablement major consum de temps en programació que d'altres solucions. Encara que amb la correcta planificació, podem tenir el codi organitzat d'una manera asequible per les tasques de manteniment.</p> +<p>Un altre inconvenient és que com que aquesta solució romàn sobre l'ús d'un disseny sensible, és més factible i eficaç per a projectes de nova planta o que ja disposen d'un <em>layout</em> flexible, però no és així per a webs que ja tenen la versió d'escriptori ben construida. De igual forma, puix que emprem la detecció del <em>user-agent</em>, hauràs d'actualitzar les regles de detecció amb el temps continuament. [NT: donat que ja s'ha esmentat que hi ha web services que faciliten aquesta tasca amb un grau òptim de fiabilitat i amb facilitat d'integració en qualsevol CMS com una extensió o llibreria, no li veig al què a aquest inconvenient... és una opinió personal].</p> +<h2 id="Quan_és_adient_escollir_aquesta_solució">Quan és adient escollir aquesta solució</h2> +<p>Sempre té sentit considerar combinar tecnologies del costat del navegador i del servidor; n'hi ha tantes opcions disponibles en aquest sentit que convé calibrar els pros i els contres de cada tècnica que emprem.</p> +<p>En molts casos, no és necesària la complexitat afegida del model híbrid. Per exemple, potser ni necesites ajustar el contingut en funció del dispositiu emprat per l'usuari —podria ser suficient sabent si una característica és present al seu navegador. Això ho podries discernir des del costat del navegador emprant una detecció per <a class="external" href="http://www.modernizr.com/docs/#s2" title="Features Detected by Modernizr">javascript</a>. No pot fer mal excavar una mica i preguntar-te al voltant de quin eix vols centrar el teu contingut en cada cas.</p> +<p>Hem parlat d'afegir tècniques del costat del servidor a un disseny sensible, però també hi ha formes d'implementar un sistema híbrid per a casos on necesites que les versions mòbil i d'escriptori siguin diferents. Podries, per exemple, augmentar la flexibilitat d'amdós versions incorporant a cada una d'elles <em>media queries</em> [NT: indicar al navegador que carregui i apliqui diferents fulls d'estils CSS segons les característiques físiques del navegador] i un <em>layout</em> flexible. D'aquesta forma podries fer que la teva versiò mòbil treballés millor -més adaptativament- sobre les tabletes.well.</p> +<h2 id="Exemples">Exemples</h2> +<p><img align="right" alt="webowonder_mobile_and_desktop-300x225.jpg" class="internal rwrap" src="/@api/deki/files/5895/=webowonder_mobile_and_desktop-300x225.jpg">Per a la web demo de Mozilla O’ Wonder, vam provar una versió bàsica de solució híbrida, amb resultats positius. Vam emprar alguns elements de disseny web sensible per donar a la web un <em>layout</em> mòbil, mentres que empràvem la deteccció de <em>user-agent</em> per a oferir videos amigables amb el mòbil i per a re-ordenar les demos si l'usuari era en un telèfon. Fes una ullada al seu codi si vols, que tenim al <a class="link-https" href="https://github.com/mozilla/webowonder/" title="Mozilla's Web O' Wonder Source Code">github</a>.</p> +<p>Ben aviat podríem estar fent més desenvolupaments en aquesta línia! De fet, una possible via per a la web principal de Mozilla s'ha esbossat amunt a la secció "Avantatges":</p> +<ul> + <li>Emprant la detecció de <em>user-agent</em>, dirigir als visitants a una plana de benvinguda per a la versió de Firefox del seu dispositiu.</li> + <li>Cada plana de la web hauria de veure's genial a una àmplia varietat de resolucions de pantalla, construint-se amb un disseny sensible en ment.</li> + <li>Hi ha plans futurs de provar de servir imatges adaptades a diferents <em>user-agent</em>.</li> +</ul> +<p>De moment no hi ha gaire que veure pel mòbil, puix que encara som a la etapa de planificació del desenvolupament, però sempre pots visitar i veure com creix el nou mozilla.org al <a class="link-https" href="https://github.com/mozilla/bedrock" title="New Mozilla.com Source Code">github</a>. Suscriu-te al bloc <a class="external" href="http://blog.mozilla.com/webdev/" title="http://blog.mozilla.com/webdev/">Mozilla Webdev</a> per assebentar-te dels progressos que fem.</p> +<h2 id="Resum">Resum</h2> +<p>No hi ha una solució única per tots els casos. Les aplicacions web que pels usuaris de la versió mòbil necesiten adaptar molt els continguts o les funcionalitats que ofereixen probablement hauran de desenvolupar una web diferent a la d'escriptori. En canvi, planes orientades al contingut que no necesiten modificar el contingut pels usuaris mòbils quedaran bastant satisfets amb un disseny web sensible. Si el que necesites és canviar només lleugerament el missatge pels usuaris mòbils, i vols conservar els beneficis d'un disseny sensible, una solució híbrida pot ser la teva millor opció. Decisions com aquesta són al cor del desenvolupament de webs mòbils: sigues concret en quan al que t'agradaria aconseguir, i escull una solució pràctica sient conscient dels avantatges i inconvenients. Bona sort!</p> +<h2 id="Enfocs_del_desenvolupament_de_webs_mòbils">Enfocs del desenvolupament de webs mòbils</h2> +<p>Llegeix els articles següents per a entendre el fons i les estratègies de desenvolupament per a mòbils.</p> +<ul> + <li><a href="/ca/Web_Development/Mobile/Mobile-friendliness" title="Wat is CSS">Què és una web amigable amb els mòbils?</a></li> + <li><a href="/ca/Web_Development/Mobile/Separate_sites" title="en/Web development/Mobile/Separate sites">Diferents webs per la versió mòbil i la de PC</a></li> + <li><a href="/ca/Web_Development/Mobile/Responsive_design" title="en/Web development/Mobile/Responsive design">Un únic disseny sensible per la teva web</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informació_del_document_original">Informació del document original</h3> + <p>Aquest article va ser publicat originalment al 27 de Juny de 2011, al bloc Mozilla Webdev com "<a class="external" href="http://blog.mozilla.com/webdev/2011/06/27/approaches-to-mobile-web-development-part-4-%E2%80%93-a-hybrid-approach/" title="http://blog.mozilla.com/webdev/2011/06/27/approaches-to-mobile-web-development-part-4-%E2%80%93-a-hybrid-approach/">Approaches to Mobile Web Development Part 4 – A Hybrid Approach</a>", per Jason Grlicky.</p> +</div> +<p> </p> diff --git a/files/ca/web/guide/mobile/index.html b/files/ca/web/guide/mobile/index.html new file mode 100644 index 0000000000..84a810eb1c --- /dev/null +++ b/files/ca/web/guide/mobile/index.html @@ -0,0 +1,18 @@ +--- +title: Desenvolupament de webs per a mòbils +slug: Web_Development/Mobile +tags: + - Mobile + - NeedsTranslation + - TopicStub + - Web Development +translation_of: Web/Guide/Mobile +translation_of_original: Web_Development/Mobile +--- +<p>Construir webs per ser vistes en dispositius mòbils requereix prendre solucions que assegurin que la web funcioni igual de bé en dispositius mòbils com ho fa en navegadors d'escriptori. Els següents articles descriuen algunes d'aquestes solucions:</p> +<ul> + <li><a class="vt-p" href="/ca/Web_Development/Mobile/Mobile-friendliness" title="/en/Web_development/Mobile/Mobile-friendliness">Què vol dir que una web és amigable amb els mòbils?</a></li> + <li><a class="vt-p" href="/ca/Web_Development/Mobile/Separate_sites" title="en/Web_development/Mobile/Separate sites">Diferents webs per a mobil i per a PC</a></li> + <li><a class="vt-p" href="/ca/Web_Development/Mobile/Responsive_design" title="/en/Web_development/Mobile/Responsive design">Disseny sensible (<em>responsive design</em>)</a></li> + <li><a class="vt-p" href="/ca/Web_development/Mobile/A_hybrid_approach" title="A New Approach to Web Applications (external)">Una solució híbrida</a></li> +</ul> diff --git a/files/ca/web/guide/mobile/mobile-friendliness/index.html b/files/ca/web/guide/mobile/mobile-friendliness/index.html new file mode 100644 index 0000000000..b5ed1bbdb4 --- /dev/null +++ b/files/ca/web/guide/mobile/mobile-friendliness/index.html @@ -0,0 +1,30 @@ +--- +title: Webs amigables amb els mòbils +slug: Web_Development/Mobile/Mobile-friendliness +translation_of: Web/Guide/Mobile/Mobile-friendliness +--- +<h2 id="Què_és_una_web_amigable_amb_els_mòbils">Què és una web amigable amb els mòbils?</h2> +<p>Vol dir multitud de coses segons amb qui parlis. Lo millor és veure aquest assumpte prenent com a referent els 3 objectius per a millorar l'experiència dels teus usuaris: presentació, contingut, i rendiment.</p> +<p><strong>Objectiu #1 (presentació)</strong></p> +<p><em>“Fes webs que treballin bé en qualsevol mida de pantalla.”</em></p> +<p>Avui dia els usuaris accedeixen a les webs emprant una gama amplísima de dispositius que inclou telèfons, tabletes, <em>eReaders</em>, <em>netbooks</em>, a banda dels tradicionals ordinadors d'escriptori i dels portàtils. I no cal dir que una web amb una estructura d'amplada fixe i 3 columnes, que a més usa intensivament javascript, efectes <em>mouse-over</em>, etc. no es veurà molt bé en una pantalla de 2 polzades d'amplada i un processador poc potent. En canvi, una estructura molt més aprimada, amb una estructura i uns elements redimensionats al <a class="external" href="http://www.lukew.com/ff/entry.asp?1085" title="Touch Target Sizes">tamany d'aquesta petita pantalla tàctil</a> probablement garantirà una molt millor experiència de navegació. Aquesta és la raó per la que el primer objectiu és presentar adequadament el contingut de tal manera que els usuaris mòbils tingui la vida més fàcil.</p> +<p><strong>Objectiu #2 (contingut)</strong></p> +<p><em>“Adapta els teus continguts per als usuaris mòbils.”<img align="right" alt="alaska_air_mobile_and_desktop-300x225.png" class="internal rwrap" src="/@api/deki/files/5892/=alaska_air_mobile_and_desktop-300x225.png"></em></p> +<p>Has de rumiar què deuen voler fer els que visiten la teva web des del telèfon. Un bon exemple d'això és la plana d' <a class="external" href="http://www.alaskaair.com/" title="Alaska Air">Alaska Air’s</a>. La seva web per a escriptori se centra en que els visitants facin reserves. Però probablement els usuaris mòbils estan més interessats en el <em>check-in</em> per a un vol, o veure si aquest vol s'ha retrasat. Per això van ajustar el continguts de les seves webs d'acord amb aquest raonament, i així estan atenent millor les necesitats dels usuaris mòbils.</p> +<p><strong>Objectiu #3 (rendiment)</strong></p> +<p><em>“Dona als teus usuaris una experiència fluïda, fins i tot amb una conexió lenta.”</em></p> +<p>Malgrat que la qüestió de la velocitat de conexió ha millorat força en els darrers anys, massa sovint continua sent bastant farragós la navegació sense cables des d'un dispositiu mòbil. Això fa que sigui més necesari que mai posar en pràctica <a class="external" href="http://developer.yahoo.com/performance/rules.html" title="Best Practices for Speeding Up Your Web Site">tècniques d'optimització del rendiment</a>, enviant a l'usuari exclusivament aquells bits que siguin estrictament necesaris.</p> +<h3 id="Coneix_el_teu_públic"><strong>Coneix el teu públic</strong></h3> +<p>Encara que no sigui quelcom estrictament específic de la definició de lo que és amigable amb el mòbil, definir qui i com són els teus potencials usuaris de la teva web mòbil ajuda a concretar els tres objectius anteriors. Per exemple, és absolutament crític tenir en ment a quins navegadors i dispositius et dirigiràs quan defineixis la teva estratègia. Si entre la teva audiència hi ha molts <em>early-adopters</em> [NT: gent que sol ser dels primers en adquirir les innovacions tecnològiques], llavors et pots enfocar en tabletes i telèfons amb navegadors que solen respectar els estàndars. Però si en canvi, la majoria dels teus usuaris disposen de telèfons amb navegadors de menys capacitat, això hauria de fer desestimar segons quines estratègies o dissenys com a opcions viables.</p> +<h2 id="Enfocs_pel_desenvolupament_de_webs_mòbils">Enfocs pel desenvolupament de webs mòbils</h2> +<p>Els següents enfocs difereixen en com tracten de resoldre els objectius d'usabilitat que hem estat comentant.</p> +<ul> + <li><a href="/en/Web_development/Mobile/Separate_sites" title="en/Web development/Mobile/Separate sites">Webs diferents per a pantalles diferents</a></li> + <li><a href="/en/Web_development/Mobile/Responsive_design" title="en/Web development/Mobile/Responsive design">Un mateix disseny però sensible (<em>responsive design</em>)</a></li> + <li><a href="/en/Web_development/Mobile/A_hybrid_approach" title="en/Web development/Mobile/Hybrid approach">Una solució híbrida</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informació_del_document_original">Informació del document original</h3> + <p>Originalment publicat el 4 de Maig, 2011 al bloc Mozilla Webdev com "<a class="external" href="http://blog.mozilla.com/webdev/2011/05/04/approaches-to-mobile-web-development-part-1-what-is-mobile-friendliness/" title="http://blog.mozilla.com/webdev/2011/05/04/approaches-to-mobile-web-development-part-1-what-is-mobile-friendliness/">Approaches to Mobile Web Development Part 1 - What is Mobile Friendliness?</a>", per Jason Grlicky.</p> +</div> +<p> </p> diff --git a/files/ca/web/guide/mobile/separate_sites/index.html b/files/ca/web/guide/mobile/separate_sites/index.html new file mode 100644 index 0000000000..ceb9160b38 --- /dev/null +++ b/files/ca/web/guide/mobile/separate_sites/index.html @@ -0,0 +1,31 @@ +--- +title: Diferents webs per a mòbil i PC +slug: Web_Development/Mobile/Separate_sites +translation_of: Web/Guide/Mobile/Separate_sites +--- +<p>La solucio de "webs diferents" per a la construcció de webs accesibles des del mòbil implica crear realment dos webs diferents (de contingut i forma) per als usuaris mòbils i pels que ens visiten des de l'escriptori de l'ordinador/portàtil. Aquesta solució -com les altres- té els seus avantatges però també els seus inconvenients.</p> +<h2 id="Avantatges">Avantatges</h2> +<p>La primera opció és de lluny la més popular i habitual: emprar des del teu codi al servidor la <a class="external" href="http://en.wikipedia.org/wiki/User_agent#User_agent_sniffing" title="User Agent Sniffing">detecció del <em>user-agent</em> del visitant</a> de la web per a redirigir o mostrar una web específicament dissenyada pels mòbils, típicament ubicada a una URL del tipus <em>m.example.com</em>. Així, aquesta tècnica que empra una lògica construida del costat del servidor resol d'un sol cop <a class="external" href="http://blog.mozilla.com/webdev/2011/05/04/approaches-to-mobile-web-development-part-1-what-is-mobile-friendliness/" title="Approaches to Mobile Web Development Part 1 – What is Mobile Friendliness?">els tres objectius del desenvolupament web</a> — si sembla que el navegador de l'usuari està corrent en un telèfon llavors la nostra aplicació li proporcionarà un contingut adaptat en tots el sentits per al mòbil i per tant optimitzat en rendiment, en tots els sentits.</p> +<p>Conceptualment senzill, aquesta és la opció més fàcil per a afegir a una web existent, especialment si estàs emprant un CMS o una aplicació web que suporta plantilles pel disseny de manera més o menys flexible. Donat que a l'usuari se li envien només continguts, estils i scripts especifics pel mòbil, aquest métode també proporciona el millor rendiment per sobre de qualsevol dels altres que aquí presentem. Per acabar, també permet donar als usuaris dos experiències completament diferents quan visiten una web o una altra, perqué realment són dos webs diferents.</p> +<h2 id="Inconvenients">Inconvenients</h2> +<p>Per desgràcia, no falten els inconvenients. Per començar, hauràs de mantenir per duplicat totes les planes de la teva web que vulguis mostrar als usuaris mòbils. Si estàs emprant un CMS, és posible reorganitzar les plantilles de la web per a minimitzar aquesta feina de duplicació. Però sempre que hi hagi una diferència entre les plantilles mòbil i d'escriptori, hi haurà una potencial font de complicacions en el teu codi. Igualment, aquesta situació incrementa el temps necesari per a afegir noves característiques o continguts a la web, perqué has d'implementar el teu codi en dos lògiques de <em>frontend</em> diferents.</p> +<p>Més important que això, hi ha el fet de que la detecció del <em>user-agent</em> és una tasca <a class="external" href="http://css-tricks.com/browser-detection-is-bad/" title="Browser Detection is Bad">inherentment defectuosa</a> i amb una alta probabilitat de que amb el pas del temps funcioni malament quan vagin sortint nous dispositius i configuracions de navegador. Cada cop que aparegui un nou navegador hauràs d'ajustar el teu algorisme de detecció per a identificar-lo. I els <em>falsos positius</em> (quan es detecta algo que no és) són particularment inconvenients: podria ser vergonyòs servir la versiò mòbil de la web a un usuari d'escriptori.</p> +<p>[NT: cal dir que hi ha llibreries i webservices que t'ajuden en aquesta detecció del user-agent amb prou fiabilitat, perqué hi ha un equip a darrera que s'encarrega de la seva continua actualització. Això garantiria bastant el que la teva aplicació de servidor sempre interpretés correctament el <em>user-agent </em>del visitant i et permet no només saber el tamany de la pantalla sinó també altres característiques com si és touch. Un bon exemple és el webservice <a href="http://wurfl.thesedays.com/" title="http://wurfl.thesedays.com/">Tera-WURFL</a>.]</p> +<h2 id="Quan_és_adient_escollir_aquesta_solució">Quan és adient escollir aquesta solució</h2> +<p><img align="right" alt="sumo_screenshot.png" class="internal rwrap" src="/@api/deki/files/5893/=sumo_screenshot.png">Primerament, si el teu públic potencial inclou usuaris amb <a class="external" href="http://www.cnet.com/8301-17918_1-10461614-85.html" title="Feature Phones Definition">telèfons vells o de capacitat limitada</a>, val la pena assenyalar que necesitaries implementar aquesta solució en algun grau sí o sí encara que no sigui completament. Això és perqué el navegador que porten alguns telèfons no solen ser compatibles amb cert codi que tú empraries normalment en una web per a l'escriptori, però en canvi s'entenen força bé amb formats com <a class="external" href="http://en.wikipedia.org/wiki/XHTML_Mobile_Profile" title="XHTML-MP">XHTML-MP</a> o el vell <a class="external" href="http://en.wikipedia.org/wiki/Wireless_Markup_Language">WML</a>.</p> +<p>Fora d'això, hi ha un cas en el que aquesta estratègia realment destaca per sobre de qualsevol altre. Si la funcionalitat que tú vols fer arribar als teus usuaris mòbils és bastant diferent de la que normalment ofereixes a la web d'escriptori, llavors usar dos webs diferents per a cada escenari és simplement <a class="external" href="http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one">la millor opció</a>. Perqué així tens la opció d'enviar HTML, Javascript i CSS completament diferents als mòbils i als PCs.</p> +<p>Un altre cas on tú estaries forçat a prendre una solució com aquesta és si, per qualsevol raó, no poguessis modificar la web d'escriptori tal com està, llavors necesitaries una web 100% diferent pel mòbil.</p> +<h2 id="Exemples">Exemples</h2> +<p>La majoria de les aplicacions webs que has vist de les grans empreses a internet han optat per aquesta via, incloent <a class="external" href="http://m.facebook.com/">Facebook</a>, <a class="external" href="http://m.youtube.com/">YouTube</a>, <a class="external" href="http://m.digg.com/" title="Mobile Digg">Digg</a>, i <a class="external" href="http://m.flickr.com/" title="Mobile Flickr">Flickr</a>. De fet, Mozilla emprà aquesta solució per a les versions mòbils de <a class="link-https" href="https://addons.mozilla.org/">addons.mozilla.org</a> (AMO) i <a class="external" href="http://support.mozilla.com/">support.mozilla.org</a> (SUMO). Si volguessis veure el codi font d'aquests exemples en acció, pren-te la llibertat de consultar el <a class="link-https" href="https://github.com/jbalogh/zamboni/">repositori a github per a AMO</a> o <a class="link-https" href="https://github.com/jsocol/kitsune">SUMO</a>.</p> +<h2 id="Altres_enfocs_pel_desenvolupament_web_mòbil">Altres enfocs pel desenvolupament web mòbil</h2> +<p>Fes una ullada als següents articles sobre el desenvolupament de la web mòbil.</p> +<ul> + <li><a href="/ca/Web_development/Mobile/Mobile-friendliness" title="Wat is CSS">Què és una web amigable amb el mòbil?</a></li> + <li><a href="/ca/docs/Web_Development/Mobile/Responsive_design" title="/en-US/docs/Web_Development/Mobile/Responsive_design">Disseny web sensible (un únic disseny que s'adapta al navegador)</a></li> + <li><a href="/ca/docs/Web_Development/Mobile/A_hybrid_approach" title="/en-US/docs/Web_Development/Mobile/A_hybrid_approach">Una solució híbrida</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informació_del_document_original">Informació del document original</h3> + <p>Aquest article va ser publicat originalment el 13 de Maig de 2011, al bloc Mozilla Webdev com "<a class="external" href="http://blog.mozilla.com/webdev/2011/05/13/approaches-to-mobile-web-development-part-2-separate-sites/" title="http://blog.mozilla.com/webdev/2011/05/13/approaches-to-mobile-web-development-part-2-separate-sites/">Approaches to Mobile Web Development Part 2 – Separate Sites</a>", per Jason Grlicky.</p> +</div> +<p> </p> diff --git a/files/ca/web/html/element/command/index.html b/files/ca/web/html/element/command/index.html deleted file mode 100644 index 17614b7e4f..0000000000 --- a/files/ca/web/html/element/command/index.html +++ /dev/null @@ -1,156 +0,0 @@ ---- -title: <command> -slug: Web/HTML/Element/command -tags: - - HTML - - HTML Element Reference - - HTML element - - HTML5 -translation_of: Web/HTML/Element/command ---- -<div>{{obsolete_header()}}</div> - -<div class="note"> -<p><strong>Nota:</strong> L'element comand s'ha eliminat de {{Gecko("24.0")}} en favor de l'element {{HTMLElement("menuitem")}}. Firefox mai ha donat suport a aquest element comand, i s'ha abandonat la implementació de la interfície DOM {{domxref("HTMLCommandElement")}} existent a <a href="/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a>.</p> -</div> - -<h2 id="Sumari">Sumari</h2> - -<p><span id="result_box" lang="ca"><span class="alt-edited">L'element <code>comand</code> representa un comando que l'usuari pot invocar.</span></span></p> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut de flux</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut metadata.</td> - </tr> - <tr> - <th scope="row">Contingut permès</th> - <td>Cap, és un {{Glossary("empty element")}}.</td> - </tr> - <tr> - <th scope="row">Omissió de l'etiqueta</th> - <td>L'etiqueta d'inici és obligatori, però, com que és un element buit, l'ús d'una etiqueta final està prohibit.</td> - </tr> - <tr> - <th scope="row">Elements pares permesos</th> - <td>només {{HTMLElement("colgroup")}}, encara que implícitament pot ser definida com la seva etiqueta d'inici però no és obligatòria. La {{HTMLElement("colgroup")}} no ha de tenir un {{HTMLElement("span")}} com a fill.</td> - </tr> - <tr> - <th scope="row">Interfície DOM</th> - <td>{{domxref("HTMLCommandElement")}} {{ obsolete_inline(24) }}</td> - </tr> - </tbody> -</table> - -<h2 id="Atributs">Atributs</h2> - -<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> - -<dl> - <dt>{{htmlattrdef("checked")}}</dt> - <dd>Indica si comand es seleccionat. S'ha d'ometre llevat que l'atribut <code>type</code> és <code>checkbox </code>o <code>radio</code>.</dd> - <dt>{{htmlattrdef("disabled")}}</dt> - <dd>Indica que comand no està disponible..</dd> - <dt>{{htmlattrdef("icon")}}</dt> - <dd>Dóna una imatge que representa el comand.</dd> - <dt>{{htmlattrdef("label")}}</dt> - <dd>El nom del command tal com es mostra a l'usuari.</dd> - <dt>{{htmlattrdef("radiogroup")}}</dt> - <dd>Aquest atribut dóna el nom del grup d'ordres, amb un <code>type</code> <code>radio</code>, que es commuta quan s'alterna el propi comandament. S'ha omès aquest atribut llevat que l'atribut <code>type</code> sigui <code>radio</code>.</dd> - <dt>{{htmlattrdef("type")}}</dt> - <dd>Aquest atribut indica el tipus de comandt. Això pot ser un dels tres valors. - <ul> - <li> - <p><code>command</code> o buit que és l'estat per defecte, i indica que es tracta d'un comand normal.</p> - </li> - <li> - <p><code>checkbox</code> indica que command s'alterna amb un checkbox.</p> - </li> - <li> - <p><code>radio</code> indica que command s'alterna amb un radiobutton.</p> - </li> - </ul> - </dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: html"><command type="command" label="Save" icon="icons/save.png" onclick="save()"> -</pre> - -<h2 id="Specifications" name="Specifications">Especificacions</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentari</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'commands.html', '<command>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'semantics.html#the-command-element', '<command>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/element/index.html b/files/ca/web/html/element/element/index.html deleted file mode 100644 index 66e51e06e1..0000000000 --- a/files/ca/web/html/element/element/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: <element> -slug: Web/HTML/Element/element -translation_of: Web/HTML/Element/element ---- -<div class="note"> -<p><strong>Nota:</strong> Aquest element s'ha eliminat de l'especificació. Vegeu <a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">això</a> per més informació de l'editor de l'especificació.</p> -</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p>L'<strong>element</strong> <strong><a href="/en-US/docs/Web/HTML">HTML</a> <code><element></code> </strong> s'utilitza per definir nous elements DOM personalitzats.</p> - -<ul class="htmlelt"> - <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">Contingut transparent</a>.</li> - <li><dfn>Contingut permès</dfn> ???</li> - <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</li> - <li><dfn>Elements pares permessos</dfn> ???</li> - <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</li> -</ul> - -<h2 id="Attributes" name="Attributes">Atributs</h2> - -<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> - -<h2 id="Examples" name="Examples">Exemples</h2> - -<p>El text va aquí.</p> - -<pre class="brush: html">Més text va aquí. -</pre> - -<h2 id="Specifications" name="Specifications">Especificacions</h2> - -<p>L'element <code><element></code> es torbava antigament dins d'un esborrany de l'especificació de<a href="http://w3c.github.io/webcomponents/spec/custom/"> Elements personalitzats</a> però s'ha eliminat.</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Vegeu també</h2> - -<ul> - <li>Components Web: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li> -</ul> - -<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/global_attributes/dropzone/index.html b/files/ca/web/html/global_attributes/dropzone/index.html deleted file mode 100644 index 9435eb1c68..0000000000 --- a/files/ca/web/html/global_attributes/dropzone/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: dropzone -slug: Web/HTML/Global_attributes/dropzone -tags: - - Experimental - - Global attributes - - HTML - - Reference -translation_of: Web/HTML/Global_attributes/dropzone ---- -<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> - -<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>dropzone</strong> és un atribut enumerat que indica quin tipus de contingut poden ser arrossegats sobre un element, utilitzant l'<a href="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop" style="text-decoration: none; color: rgb(51, 102, 153) !important; cursor: default;" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">API Drag and Drop</a>. Pot tenir els següents valors:</p> - -<ul> - <li><span style="font-family: courier new;">copy</span>, indica que el deixa anar crearà una còpia de l'element que va ser arrossegat.</li> - <li><span style="font-family: courier new;">move</span>, indica que l'element arrossegat es mourà a aquesta nova ubicació.</li> - <li><span style="font-family: courier new;">link</span>, crearà un enllaç a les dades arrossegats.</li> -</ul> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentari</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', "interaction.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td> - </tr> - </tbody> -</table> - -<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown}}</td> - <td>{{ CompatNo }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Veure">Veure</h2> - -<ul> - <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> -</ul> diff --git a/files/ca/web/html/elements_en_línia/index.html b/files/ca/web/html/inline_elements/index.html index 0ec8db2c0d..0ec8db2c0d 100644 --- a/files/ca/web/html/elements_en_línia/index.html +++ b/files/ca/web/html/inline_elements/index.html diff --git a/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html b/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html deleted file mode 100644 index df48dec4e3..0000000000 --- a/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: Optimizing your pages for speculative parsing -slug: Web/HTML/Optimizing_your_pages_for_speculative_parsing -translation_of: Glossary/speculative_parsing ---- -<p><span id="result_box" lang="ca"><span class="alt-edited">Tradicionalment en els navegadors, </span></span>el analitzador sintàctic<span lang="ca"><span class="alt-edited"> d'HTML s'executa en el fil principal i s'ha bloquejat després d'una etiqueta <code></script></code> fins que l'script s'ha recuperat de la xarxa i s'executat.</span></span> El analitzador sintàctic d'HTML en Firefox 4 i versions posteriors dóna suport a l'anàlisi especulativa fora del fil principal. A continuació s'analitza mentre que els scripts estan sent descarregats i s'executen. Com en Firefox 3.5 i 3.6, l'analitzador sintàctic d'HTML comença càrregues especulatives per als scripts, fulles d'estil i imatges que troba per davant en la seqüència. No obstant això, en Firefox 4 i posterior l'analitzador sintàctic d'HTML també executa l'algorisme de construcció de l'arbre HTML especulativament. <span id="result_box" lang="ca"><span>L'avantatge</span> <span>és que</span> <span>quan una</span> <span>especulació</span> <span>té</span> <span>èxit, no</span> <span>hi ha</span> <span>necessitat</span> <span>de reanàlisi</span> <span>de la</span> <span>part de l'arxiu</span> <span>d'entrada </span> <span>ja que </span></span><span lang="ca"><span>va ser</span> <span>analitzat</span> <span>a la recerca de</span> <span>scripts</span><span>, fulls</span> <span>d'estil</span> <span>i imatges</span></span>. L'inconvenient és que hi ha més feina perduda quan l'especulació falla.</p> - -<p>Aquest document pot ajudar evitar que aquest tipus de coses que fan que l'especulació falli i alenteixen la càrrega de la pàgina.</p> - -<h2 id="Fent_càrregues_especulatives_successives">Fent càrregues especulatives successives</h2> - -<p>Només hi ha una regla per fer càrregues especulatives de scripts vinculats, fulls d'estil i imatges successives:</p> - -<ul> - <li>Si s'utilitza un element <code><base></code> per anul·lar l'URI base de la pàgina, posar l'element de la part non-scripted del document. No ho afegiu a través de <code>document.write()</code> or <code>document.createElement()</code>.</li> -</ul> - -<h2 id="Evitant_perdre_la_sortida_del_constructor_d'arbre">Evitant perdre la sortida del constructor d'arbre</h2> - -<p>El constructor d'arbre especulatiu falla quan <code>document.write()</code> canvia l'estat del constructor d'arbre, de tal manera que l'estat especulatiu després de la etiqueta <code></script></code> ja no se sosté quan ha estat analitzat tot el contingut inserit per <code>document.write()</code>.<span id="result_box" lang="ca"><span> No obstant això</span><span>, només els</span> <span>usos</span> <span>inusuals</span> <span>de</span> <code><span>document.write</span><span>(</span><span>)</span></code> <span>causen</span> <span>problemes.</span> <span>Aquestes</span> <span>són</span> <span>les</span> <span>coses</span> <span>que cal evitar</span><span>:</span></span></p> - -<ul> - <li><span id="result_box" lang="ca"><span>No escriviu</span> <span>arbres</span> <span>desequilibrats</span></span>. <code><script>document.write("<div>");</script></code> és incorrecta. <code><script>document.write("<div></div>");</script> </code>està bé.</li> - <li><span id="result_box" lang="ca"><span>No escriviu</span> <span>un símbol</span> <span>sense acabar</span></span>. <code><script>document.write("<div></div");</script></code> is incorrecta.</li> - <li><span id="result_box" lang="ca"><span>No</span> <span>acabeu un</span> <span>escrit</span> <span>amb</span> <span>un retorn de</span> <span>carro</span></span>. <code><script>document.write("Hello World!\r");</script></code> és incorrecta <code><script>document.write("Hello World!\n");</script> </code>està bé.</li> - <li>Noteu que l'escriptura d'etiquetes equilibrades pot fer que altres etiquetes poguin inferir d'una manera que fa que l'escriptura sigui desequilibrada. Per exemple <code><script>document.write("<div></div>");</script></code> dins de l'element head s'interpreta com <code><script>document.write("</head><body><div></div>");</script></code> el qual està desequilibrat.</li> - <li><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">No doneu format part d'una taula</span></span>. <code><table><script>document.write("<tr><td>Hello World!</td></tr>");</script></table></code> és incorrecta. However, <code><script>document.write("</code><code><table></code><code><tr><td>Hello World!</td></tr></code><code></table></code><code>");</script></code> està bé.</li> - <li>TODO: <span id="result_box" lang="ca"><span>document.write</span> <span>dins d'altres</span> <span>elements</span> <span>de format.</span></span>.</li> -</ul> diff --git a/files/ca/web/javascript/quant_a_javascript/index.html b/files/ca/web/javascript/about_javascript/index.html index f581aa7021..f581aa7021 100644 --- a/files/ca/web/javascript/quant_a_javascript/index.html +++ b/files/ca/web/javascript/about_javascript/index.html diff --git a/files/ca/web/javascript/guide/expressions_i_operadors/index.html b/files/ca/web/javascript/guide/expressions_and_operators/index.html index 9985daa497..9985daa497 100644 --- a/files/ca/web/javascript/guide/expressions_i_operadors/index.html +++ b/files/ca/web/javascript/guide/expressions_and_operators/index.html diff --git a/files/ca/web/javascript/guide/introducció/index.html b/files/ca/web/javascript/guide/introduction/index.html index 1b598dad9b..1b598dad9b 100644 --- a/files/ca/web/javascript/guide/introducció/index.html +++ b/files/ca/web/javascript/guide/introduction/index.html diff --git a/files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html b/files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html deleted file mode 100644 index 187f7930f4..0000000000 --- a/files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html +++ /dev/null @@ -1,362 +0,0 @@ ---- -title: Introducció al Javascript orientat a Objectes -slug: Web/JavaScript/Introducció_al_Javascript_orientat_a_Objectes -translation_of: Learn/JavaScript/Objects -translation_of_original: Web/JavaScript/Introduction_to_Object-Oriented_JavaScript ---- -<div>{{jsSidebar("Introductory")}}</div> - -<p>JavaScript és orientat a objectes des del nucli, amb unes capacitats potents, flexibles {{Glossary("OOP")}}. Aquest article comença amb la introducció de la programació orientada a objectes, després es revisa el model d'objectes de Javascript, i finalment es mostren els conceptes de la programació orientada a objectes en JavaScript.</p> - -<h2 id="JavaScript_Review" name="JavaScript_Review">Revisió de JavaScript</h2> - -<p>Si no us sentiu segurs amb els conceptes de Javascript com ara variables, tipus, funcions, i àmbits podeu llegir sobre aquests temes en <a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Una reintroducció a JavaScript</a>. També podeu consultar la <a href="/en-US/docs/Web/JavaScript/Guide">Guia de JavaScript</a>.</p> - -<h2 id="Object-oriented_programming" name="Object-oriented_programming">Programació orientada a Objectes</h2> - -<p>La programació orientada a Objectes és un paradigma de programació que usa l'abstracció per crear models basants en el món real. Fa servir diverseses tècniques de paradigmes previament establerts, inclosa la modularitat, poliformisme, i l'encapsulament. Avui, moltes llengües de programació (com Java, JavaScript, C#, C++, Python, PHP, Ruby i Objective-C) suporten la programació orientada a Objectes (POO).</p> - -<p>La programació orientada a Objectes es pot entendre com el disseny de software fent servir una col·lecció d'objectes que cooperen, al contrari de la visió tradicional en el qual un programa es vist com una col·lecció de funcions, o simplement com una llista d'instruccions per a un ordinador. En POO, cada objecte és capaç de rebre missatges, processar data, i enviar missatges a altres objectes. Cada objecte pot ser entès com una petita màquina independent amb un rol diferent o amb responsabilitat.</p> - -<p>La programació orientada a Objectes intenta promoure una major flexibilitat, mantenibilitat en programació, i és àmpliament popular en enginyeria de software a gran esala. En virtut de la seva forta èmfasi en modularitat, el codi orientat a objecte intenta ser més simple de desenvolupar i més facil d'entendre després, es presta a una anàlisi més directa, codificació, i comprensió de situacions complexes i procediments en comptes d'altres mètodes de programació menys modulars.<a href="#cite-1"><sup>1</sup></a></p> - -<h2 id="Terminology" name="Terminology">Terminologia</h2> - -<dl> - <dt>{{Glossary("Namespace")}}</dt> - <dd>Un contenidor que permet als desenvolupadors agrupar totes les funcionalitats sota un nom únic d'aplicació específica.</dd> - <dt>{{Glossary("Class")}}</dt> - <dd>Defineix les característiques de l'objecte. És la definició d'una plantilla de variables i mètodes d'un objecte.</dd> - <dt>{{Glossary("Object")}}</dt> - <dd>Una instància d'una classe.</dd> - <dt>{{Glossary("Property")}}</dt> - <dd>Una característca d'un objecte, com ara un color.</dd> - <dt>{{Glossary("Method")}}</dt> - <dd>Una capacitat d'un objecte, com ara caminar. És una subrutina o funció associada amb una classe.</dd> - <dt>{{Glossary("Constructor")}}</dt> - <dd>Un mètode que es crida en el moment d'instanciació d'un objecte. Normalment té el mateix nom que el de la classe que el conté.</dd> - <dt>{{Glossary("Inheritance")}}</dt> - <dd>Una classe pot heretar les característiques d'una altra classe.</dd> - <dt>{{Glossary("Encapsulation")}}</dt> - <dd>Una manera d'agrupar les dades i mètodes que es fan servir juntes.</dd> - <dt>{{Glossary("Abstraction")}}</dt> - <dd>La conjunció d'una herència complexa, mètodes, les propietats d'un objecte, han de ser capaces de simular una realitat a modelar.</dd> - <dt>{{Glossary("Polymorphism")}}</dt> - <dd>Poli significa "<em>molts</em>" i morfisme significa "<em>formes</em>". Classes diferents poden definir el mateix mètode o propietat.</dd> -</dl> - -<p>Per una descripció més extensa sobre la programació orientada a objectes vegeu {interwiki("wikipedia", "Object-oriented programming")}} a la Viquipèdia.</p> - -<h2 id="Programació_basada_en_prototipus">Programació basada en prototipus</h2> - -<p>Programació basat en prototipus és un estil de programació orientada a objectes que no fa ús de les classes. En el seu lloc, la reutilització del comportament (conegut com a herència en llenguatges basats en classes) es porta a terme a través d'un procés de decoració (o d'ampliació) on els objectes que ja existeixen serveixen com a prototipus. Aquest model també és conegut com a model sense classes, orientat a prototip, o programació basadad en instàncies.</p> - -<p>L'exemple original (i més canònic) d'un llenguatge basat en prototipus és el llenguatge de programació {{interwiki("wikipedia", "Self (programming language)", "Self")}} desenvolupat per David Ungar i Randall Smith. Tanmateix, l'estil de programació sense classes s'ha anat fent més i més popular, i ha sigut adoptat per llenguatges de programació com JavaScript, Cecil, NewtonScript, Io, MOO, REBOL, Kevo, Squeak (quan s'utilitza el marc Viewer per manipular components Morphic), i altres.<a href="#cite-1"><sup>1</sup></a></p> - -<h2 id="JavaScript_Object_Oriented_Programming" name="JavaScript_Object_Oriented_Programming">Programació orientada a Objectes de JavaScript</h2> - -<h3 id="Namespace">Namespace</h3> - -<p>Un namespace és un contenidor el qual permet als desenvolupadors agrupar totes les funcionalitats sota un únic, nom d'aplicació específic. <strong>En JavaScript un namespace és només un altre objecte que conté mètodes, propietats, i objectes.</strong></p> - -<div class="note"> -<p><strong>Nota:</strong> Es important remarcar que en JavaScript, no hi ha diferèn<u>cia de nivell d'idioma entre els objectes regulars i els namespace</u>s. Això dista d'altres llenguatges orientats a objectes, i pot resultat confús als programadors nous en JavaScript.</p> -</div> - -<p>La idea darrera la creació d'un namespace en JavaScript és simple: Un objecte global és creat i totes les variables, metòdes, i funcions es converteixen en propietats d'aquest objecte.<u> L'ús de namespaces també minimitza la possibilitat de conflictes de noms en l'aplicació, ja que cada objecte d'aplicació son propietats d'un objecte global d'aplicació definit</u>.</p> - -<p>Creem un objecte global anomenat MYAPP:</p> - -<pre class="brush: js">// global namespace -var MYAPP = MYAPP || {};</pre> - -<p>En el codi de mostra superior, primer hem comprovat si MYAPP ja està definit (ja sigui en el mateix arxiu o en un altre arxiu). En cas de ser així, s'usa l'objecte global MYAPP existent, del contrari es crea un objecte buit anomenat MYAPP el qual encapsula el mètode, funcions, variables, i objectes.</p> - -<p>També podem crear sub-namespaces:</p> - -<pre class="brush: js">// sub namespace -MYAPP.event = {};</pre> - -<p>Abaix es troba la sintaxi de codi per crear un namespace i afegir variables, funcions, i un mètode:</p> - -<pre class="brush: js">// Create container called MYAPP.commonMethod for common method and properties -MYAPP.commonMethod = { - regExForName: "", // define regex for name validation - regExForPhone: "", // define regex for phone no validation - validateName: function(name){ - // Do something with name, you can access regExForName variable - // using "this.regExForName" - }, - - validatePhoneNo: function(phoneNo){ - // do something with phone number - } -} - -// Object together with the method declarations -MYAPP.event = { - addListener: function(el, type, fn) { - // code stuff - }, - removeListener: function(el, type, fn) { - // code stuff - }, - getEvent: function(e) { - // code stuff - } - - // Can add another method and properties -} - -// Syntax for Using addListener method: -MYAPP.event.addListener("yourel", "type", callback);</pre> - -<h3 id="Core_Objects" name="Core_Objects">Objectes estàndards integrats</h3> - -<p>JavaScript té alguns objectes inclosos en el seu nucli, per exemple, trobem objectes come Math, Object, Array, i String. L'exemple d'abaix ens mostra com fer servir l'objecte Math per aconseguir números aleatoris usant el seu mètode <code>random()</code>.</p> - -<pre class="brush: js">console.log(Math.random()); -</pre> - -<div class="note"><strong>Nota:</strong> Aquest i tots els exemples següents suposen que la funció anomenada {{domxref("console.log()")}} es defineix globalment. De fet, la funció <code>console.log()</code> no és part del llenguatge de JavaScript en si, però molts navegadors ho implementen per tal d'ajudar en la depuració.</div> - -<p>Vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects" title="en-US/docs/Web/JavaScript/Reference/Global_Objects">Referència de JavaScript: Objectes estàndards integrats</a> per una llista d'objectes cor en JavaScript.</p> - -<p>Cada objecte en JavaScript és una instància de l'objecte <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object"><code>Object</code></a> i per tant, n'hereda totes les seves propietats i mètodes.</p> - -<h3 id="Custom_Objects" name="Custom_Objects">Objectes personalitzats</h3> - -<h4 id="The_Class" name="The_Class">La classe</h4> - -<p>JavaScript és un llenguatge basat en prototipus que no conté<u> cap <code>class</code> statement, </u>el qual si que es pot trobar en C++ o Java. Això és confós a vegades per a programadors acostumats a llenguatges amb el <u><code>class</code> statement.</u> En el seu lloc, JavaScript fa servir funcions com a classes. Definir duna classe és tan fàcil com definir una funció. En l'exemple d'abaix definim una nova classe anomenada Person.</p> - -<pre class="brush: js">var Person = function () {}; -</pre> - -<h4 id="The_Object_.28Class_Instance.29" name="The_Object_.28Class_Instance.29">L'objecte (instància de classe)</h4> - -<p>Per crear una nova instància d'un objecte <code>obj</code> fem servir la declaració <code>new obj</code>, assignant el resultat (el qual és de tipus <code>obj</code>) a una variable per accedir-hi més tard. <span style="font-size: 14px; line-height: 1.5;">Una forma alternativa de crear una nova instància és fent servir {{jsxref("Object.create()")}}. Aquesta crearà una instància This will create an <u>uninititalized instance.</u></span></p> - -<p>En l'exemple d'adalt definim una classe anomenada <code>Person</code>. En l'exemple següent creem dues instàncies (<code>person1</code> i <code>person2</code>).</p> - -<pre class="brush: js">var person1 = new Person(); -var person2 = new Person(); -</pre> - -<div class="note"><strong>Nota:</strong> Siusplau vegeu {{jsxref("Object.create()")}} per un mètode instantacional nou, addiccional new, additional, instantiation mètode.</div> - -<h4 id="The_Constructor" name="The_Constructor">El constructor</h4> - -<p>El constructor és cridat en el moment de la instantiation (el moment en que la instància de l'objecte és creat). El constructor és ún mètode de la classe. En JavaScript la funció serveix com el constructor de l'objecte, therefore there is no need to explicitly define a constructor method. Every action declared in the class gets executed at the time of instantiation.</p> - -<p>El constructor es fa servir per establir les propietats de l'objecte o per cridar mè call methods to prepare the object for use. Per afegir mètodes de classes i les seves definicions es necessita una sintaxi diferent que s'explicarà més tard en aquest article.</p> - -<p>En l'exemple d'abaix, el constructor de la classe <code>Person</code> mostra un missatge quan és crea una instànca <code>Person</code>.</p> - -<pre class="brush: js">var Person = function () { - console.log('instance created'); -}; - -var person1 = new Person(); -var person2 = new Person(); -</pre> - -<h4 id="The_Property_.28object_attribute.29" name="The_Property_.28object_attribute.29">La propietat (atribut de l'objecte)</h4> - -<p>Les propietats són variables contingudes en la classe; cada instància de l'objecte té aquestes propietats. Les propietats són asssignades en el constructor (funció) de la classe de forma que es creen en cada instància.</p> - -<p>Per treballar amb propietats de dins de la classe s'utilitza la paraula clau <code>this</code>, que fa referència a l'objecte actual. Accedir (llegir o escriure) a una propietat fora d'aquesta classe es fa mitjançant la sintaxi: <code>InstanceName.Property</code>; Aquesta és la mateixa sintaxi que es fa servir en C++, Java, i numeroses altres llengües. (Dins la classe, la sintaxi <code>this.Property</code> s'utilitza per obtindre o escriure el valor de les propietats.)</p> - -<p>En l'exemple següent definim la propietat <code>firstName</code> property per la classe <code>Person</code> i ho definim com a instanciació.</p> - -<pre class="brush: js">var Person = function (firstName) { - this.firstName = firstName; - console.log('Person instantiated'); -}; - -var person1 = new Person('Alice'); -var person2 = new Person('Bob'); - -// Show the firstName properties of the objects -console.log('person1 is ' + person1.firstName); // logs "person1 is Alice" -console.log('person2 is ' + person2.firstName); // logs "person2 is Bob" -</pre> - -<h4 id="The_methods" name="The_methods">Els mètodes</h4> - -<p>Els mètodes segueixen la mateixa llògica que les propietats; la diferència es que són funcions i estan definides com a funcions. Cridar un mètode és similar a accedir a una propietat, però s'afegeix <code>()</code> al final the nom del mètode, possiblement amb arguments. Per definir un mètode, s'assigna una funció a una propietat amb nom de la propietat de la classe <code>prototype</code>; el nom que s'assigna a la funció és el mateix que el nom que té el mètode en l'objecte.</p> - -<p>En l'exemple següent definim i usem el mètode <code>sayHello()</code> per la classe <code>Person</code>.</p> - -<pre class="brush: js">var Person = function (firstName) { - this.firstName = firstName; -}; - -Person.prototype.sayHello = function() { - console.log("Hello, I'm " + this.firstName); -}; - -var person1 = new Person("Alice"); -var person2 = new Person("Bob"); - -// call the Person sayHello method. -person1.sayHello(); // logs "Hello, I'm Alice" -person2.sayHello(); // logs "Hello, I'm Bob" -</pre> - -<p>En JavaScript els mètodes són funcions normals dels objectes que són lligats a un objecte com una propietat, El que vol dir que poden ser invocats "fora del context". Vegeu el codi d'exemple següent:</p> - -<pre class="brush: js">var Person = function (firstName) { - this.firstName = firstName; -}; - -Person.prototype.sayHello = function() { - console.log("Hello, I'm " + this.firstName); -}; - -var person1 = new Person("Alice"); -var person2 = new Person("Bob"); -var helloFunction = person1.sayHello; - -// logs "Hello, I'm Alice" -person1.sayHello(); - -// logs "Hello, I'm Bob" -person2.sayHello(); - -// logs "Hello, I'm undefined" (or fails -// with a TypeError in strict mode) -helloFunction(); - -// logs true -console.log(helloFunction === person1.sayHello); - -// logs true -console.log(helloFunction === Person.prototype.sayHello); - -// logs "Hello, I'm Alice" -helloFunction.call(person1);</pre> - -<p>Com l'exemple mostra, totes les referències a la funció <code>sayHello</code> — les que existeixen a <code>person1</code>, a <code>Person.prototype</code>, a la variable <code>helloFunction</code>, etc. — fan referència a la <em>mateixa funció</em>. El valor de <code>this</code> durant una crida a la funció depen en com es crida. En el cas comú en que es crida la funció des d'una propietat de l'objecte — <code>person1.sayHello()</code> — <code>this</code> rep el valor de l'objecte d'on prové la propietat (<code>person1</code>), és per això que <code>person1.sayHello()</code> fa servir el nom "Alice" i <code>person2.sayHello()</code> fa servir el nom "Bob". Però si ho cridem d'altres maneres, <code>this</code> rebrà un valor diferent: Cridar-la des d'una variable — <code>helloFunction()</code> — <code>this</code> rep el valor de l'objecte global (<code>window</code>, en navegadors). Al no tenir la propietat <code>firstName aquest </code>objecte (probablement) , acabem amb el resultat "Hello, I'm undefined". (Això és en el mode no estricte; en el <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode" title="/en/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode">mode estricte </a>seria diferent [un error], però per evitar confussions no entrarem aquí en detall.) O podem assignar explícitament el valor de <code>this</code> mitjançant <code>Function#call</code> (o <code>Function#apply</code>), com es mostra al final de l'exemple.</p> - -<div class="note"><strong>Nota:</strong> Vegeu més sobre <code>this</code> a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call">Function#call</a> i <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply">Function#apply</a></div> - -<h4 id="Inheritance" name="Inheritance">L'herència</h4> - -<p>L'herència és una manera de crear una classe com una versió especialitzada d'una o més classes (<em>JavaScript només suporta l'herència única</em>). La classe especialitzada és communment anomenada el <em>fill</em>, i l'altra classe es comunment anomenada el <em>pare</em>. En JavaScript això s'aconsegueix mitjançant l'assignació d'una instància de la classe pare a la classe fill, i després s'especialitza. En navegadors moderns també es pot usar <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create#Classical_inheritance_with_Object.create" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/create#Classical_inheritance_with_Object.create">Object.create</a> per implementar herències.</p> - -<div class="note"> -<p><strong>Nota:</strong> JavaScript does no detecta la classe fill <code>prototype.constructor</code> (vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype">Object.prototype</a>), així que ho hem de declarar manualment.</p> -</div> - -<p>En l'exemple d'abaix, definim la classe <code>Student</code> com una classe fill de <code>Person</code>. Després redefinim el mètode <code>sayHello()</code> i afegim el mètode <code>sayGoodBye()</code>.</p> - -<pre class="brush: js">// Define the Person constructor -var Person = function(firstName) { - this.firstName = firstName; -}; - -// Add a couple of methods to Person.prototype -Person.prototype.walk = function(){ - console.log("I am walking!"); -}; - -Person.prototype.sayHello = function(){ - console.log("Hello, I'm " + this.firstName); -}; - -// Define the Student constructor -function Student(firstName, subject) { - // Call the parent constructor, making sure (using Function#call) - // that "this" is set correctly during the call - Person.call(this, firstName); - - // Initialize our Student-specific properties - this.subject = subject; -}; - -// Create a Student.prototype object that inherits from Person.prototype. -// Note: A common error here is to use "new Person()" to create the -// Student.prototype. That's incorrect for several reasons, not least -// that we don't have anything to give Person for the "firstName" -// argument. The correct place to call Person is above, where we call -// it from Student. -Student.prototype = Object.create(Person.prototype); // See note below - -// Set the "constructor" property to refer to Student -Student.prototype.constructor = Student; - -// Replace the "sayHello" method -Student.prototype.sayHello = function(){ - console.log("Hello, I'm " + this.firstName + ". I'm studying " - + this.subject + "."); -}; - -// Add a "sayGoodBye" method -Student.prototype.sayGoodBye = function(){ - console.log("Goodbye!"); -}; - -// Example usage: -var student1 = new Student("Janet", "Applied Physics"); -student1.sayHello(); // "Hello, I'm Janet. I'm studying Applied Physics." -student1.walk(); // "I am walking!" -student1.sayGoodBye(); // "Goodbye!" - -// Check that instanceof works correctly -console.log(student1 instanceof Person); // true -console.log(student1 instanceof Student); // true -</pre> - -<p>Pel que fa a la línia <code>Student.prototype = Object.create(Person.prototype)</code>: En els motors de Javascript més antics sense <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create" title="Object.create"><code>Object.create</code></a>, es pot utilitzar tant un "polyfill" (també conegut com a "falca", vegeu l'article enllaçat), o fer servir una funció que aconegueixi assolir el mateix resultat, tal com:</p> - -<pre class="brush: js">function createObject(proto) { - function ctor() { } - ctor.prototype = proto; - return new ctor(); -} - -// Usage: -Student.prototype = createObject(Person.prototype); -</pre> - -<div class="note"><strong>Nota:</strong> Vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create" title="Object.create">Object.create</a> per més informació sobre el que fa, i una falca per a motors més vells.</div> - -<h4 id="Encapsulation" name="Encapsulation">L'encapsulació</h4> - -<p>En l'exemple anterior, <code>Student</code> no necessita saber com el mètode <code>Person</code> class's <code>walk()</code> és implementat, però tot i així pot fer-lo servir com a mètode; la classe <code>Student</code>no necessita definir explícitament aquest mètode a no ser que ho volguem canviar. D'això se'n diu <strong>encapsulació</strong>, per la qual cada classe empaqueta data i mètodes en una sola unitat.</p> - -<p>L'ocultació d'informació és una característica comuna en altres llenguatges sovint com a mètodes/propietats privats i protegits. Tot i que es podria simular alguna cosa com aquesta en JavaScript, no és un requeriment per fer programació orientada a objectes.<a href="#cite-2"><sup>2</sup></a></p> - -<h4 id="Abstraction" name="Abstraction">L'abstracció</h4> - -<p>L'abstracció és un mecanisme que permet modelar la part que ens ocupa del problema en el qual estem treballant. Això es pot aconseguir per mitjar de l'herència (especialització), o composició. JavaScript aconsegueix l'especialització per mitjà de l'herència, i la composició per mitjà de deixar a les instàncies de classes ser valors d'atributs d'altres objectes.</p> - -<p>La classe Function de JavaScript hereta de la classe Object (això demostra la especialització del model) i la propietat Function.prototype property és una instància d'Object (Això demostra composició).</p> - -<pre class="brush: js">var foo = function () {}; - -// logs "foo is a Function: true" -console.log('foo is a Function: ' + (foo instanceof Function)); - -// logs "foo.prototype is an Object: true" -console.log('foo.prototype is an Object: ' + (foo.prototype instanceof Object));</pre> - -<h4 id="Polymorphism" name="Polymorphism">El polimorfisme</h4> - -<p>Tal i com tots els mètodes i propietats són definides dins la propietat Prototype, classes diferents poden definir mètodes amb el mateix nom; els mètodes estan en l'àmbit de la classe en la qual estan definits. Això només és cert quan les dues classes no tenen una relació pare-fill (quan un no hereta de l'altre en una cadena d'herència).</p> - -<h2 id="Notes" name="Notes">Notes</h2> - -<p>Les tècniques presentades en aquesta article per implementar programació orientada a objectes no són les úniques que es poden fer servir en JavaScript, que és molt flexible en termes de com es pot realitzar la programació orientada a objectes.</p> - -<p>De la mateixa manera, les tècniques que s'han mostrat aquí no utilitzen cap <em>hack</em> del llenguatge, ni imiten cap implementació de teories d'objectes d'altres llenguatges.</p> - -<p>Hi ha altres tècniques que proporcionen programació orientada a objectes més avançada en JavaScript, però aquests estan fora de l'abast d'aquest article introductori.</p> - -<h2 id="References" name="References">Referències</h2> - -<ol> - <li><a name="cite-1"></a>Viquipèdia. "<a href="http://ca.wikipedia.org/wiki/Programaci%C3%B3_orientada_a_objectes">Programació orientada a Objectes</a>"</li> - <li><a name="cite-2"></a>Viquipèdia. "<a href="http://ca.wikipedia.org/wiki/Encapsulaci%C3%B3">Encapsulació (programació orientada a Objectes)</a>"</li> -</ol> diff --git a/files/ca/web/javascript/referencia/sobre/index.html b/files/ca/web/javascript/reference/about/index.html index b1fa0734b3..b1fa0734b3 100644 --- a/files/ca/web/javascript/referencia/sobre/index.html +++ b/files/ca/web/javascript/reference/about/index.html diff --git a/files/ca/web/javascript/referencia/classes/constructor/index.html b/files/ca/web/javascript/reference/classes/constructor/index.html index a0bd6b966f..a0bd6b966f 100644 --- a/files/ca/web/javascript/referencia/classes/constructor/index.html +++ b/files/ca/web/javascript/reference/classes/constructor/index.html diff --git a/files/ca/web/javascript/referencia/classes/index.html b/files/ca/web/javascript/reference/classes/index.html index 23daf7e1ff..23daf7e1ff 100644 --- a/files/ca/web/javascript/referencia/classes/index.html +++ b/files/ca/web/javascript/reference/classes/index.html diff --git a/files/ca/web/javascript/referencia/classes/static/index.html b/files/ca/web/javascript/reference/classes/static/index.html index 3255dc1552..3255dc1552 100644 --- a/files/ca/web/javascript/referencia/classes/static/index.html +++ b/files/ca/web/javascript/reference/classes/static/index.html diff --git a/files/ca/web/javascript/reference/errors/nomes-lectura/index.html b/files/ca/web/javascript/reference/errors/read-only/index.html index 30c70c40dd..30c70c40dd 100644 --- a/files/ca/web/javascript/reference/errors/nomes-lectura/index.html +++ b/files/ca/web/javascript/reference/errors/read-only/index.html diff --git a/files/ca/web/javascript/reference/functions/parameters_rest/index.html b/files/ca/web/javascript/reference/functions/rest_parameters/index.html index 68fc5f0bba..68fc5f0bba 100644 --- a/files/ca/web/javascript/reference/functions/parameters_rest/index.html +++ b/files/ca/web/javascript/reference/functions/rest_parameters/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/entries/index.html b/files/ca/web/javascript/reference/global_objects/array/entries/index.html index 8b67c06038..8b67c06038 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/entries/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/entries/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/every/index.html b/files/ca/web/javascript/reference/global_objects/array/every/index.html index ad707b4990..ad707b4990 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/every/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/every/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/fill/index.html b/files/ca/web/javascript/reference/global_objects/array/fill/index.html index e1952a8407..e1952a8407 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/fill/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/fill/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/filter/index.html b/files/ca/web/javascript/reference/global_objects/array/filter/index.html index c1bfec77f3..c1bfec77f3 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/filter/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/filter/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/find/index.html b/files/ca/web/javascript/reference/global_objects/array/find/index.html index 8ee7742c09..8ee7742c09 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/find/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/find/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/findindex/index.html b/files/ca/web/javascript/reference/global_objects/array/findindex/index.html index 5b089bdb98..5b089bdb98 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/findindex/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/findindex/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/foreach/index.html b/files/ca/web/javascript/reference/global_objects/array/foreach/index.html index 4d391346eb..4d391346eb 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/foreach/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/foreach/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/includes/index.html b/files/ca/web/javascript/reference/global_objects/array/includes/index.html index 9f64b0e117..9f64b0e117 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/includes/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/includes/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/index.html b/files/ca/web/javascript/reference/global_objects/array/index.html index da7c400799..da7c400799 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/indexof/index.html b/files/ca/web/javascript/reference/global_objects/array/indexof/index.html index 939571a0c8..939571a0c8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/indexof/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/indexof/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/isarray/index.html b/files/ca/web/javascript/reference/global_objects/array/isarray/index.html index 6393dde86f..6393dde86f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/isarray/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/isarray/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/join/index.html b/files/ca/web/javascript/reference/global_objects/array/join/index.html index 8d76b4474a..8d76b4474a 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/join/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/join/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/keys/index.html b/files/ca/web/javascript/reference/global_objects/array/keys/index.html index 7d9df8e1f5..7d9df8e1f5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/keys/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/keys/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/lastindexof/index.html b/files/ca/web/javascript/reference/global_objects/array/lastindexof/index.html index 038aa614e5..038aa614e5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/lastindexof/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/lastindexof/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/length/index.html b/files/ca/web/javascript/reference/global_objects/array/length/index.html index a4954565ff..a4954565ff 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/length/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/length/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/map/index.html b/files/ca/web/javascript/reference/global_objects/array/map/index.html index 6f0dc1a0d4..6f0dc1a0d4 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/map/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/map/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/of/index.html b/files/ca/web/javascript/reference/global_objects/array/of/index.html index efe2d96abd..efe2d96abd 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/of/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/of/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/pop/index.html b/files/ca/web/javascript/reference/global_objects/array/pop/index.html index 7d2ee3189f..7d2ee3189f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/pop/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/pop/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/push/index.html b/files/ca/web/javascript/reference/global_objects/array/push/index.html index 5770e5a10c..5770e5a10c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/push/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/push/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/reduce/index.html b/files/ca/web/javascript/reference/global_objects/array/reduce/index.html index fa6253fd0c..fa6253fd0c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/reduce/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/reduce/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/reverse/index.html b/files/ca/web/javascript/reference/global_objects/array/reverse/index.html index 2528cabdc5..2528cabdc5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/reverse/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/reverse/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/shift/index.html b/files/ca/web/javascript/reference/global_objects/array/shift/index.html index 7b5fa1b330..7b5fa1b330 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/shift/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/shift/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/slice/index.html b/files/ca/web/javascript/reference/global_objects/array/slice/index.html index d181f94a65..d181f94a65 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/slice/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/slice/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/some/index.html b/files/ca/web/javascript/reference/global_objects/array/some/index.html index 7abc1ed76d..7abc1ed76d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/some/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/some/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/splice/index.html b/files/ca/web/javascript/reference/global_objects/array/splice/index.html index c1abada8d9..c1abada8d9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/array/splice/index.html +++ b/files/ca/web/javascript/reference/global_objects/array/splice/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/index.html b/files/ca/web/javascript/reference/global_objects/boolean/index.html index 83f2597df9..83f2597df9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/boolean/index.html +++ b/files/ca/web/javascript/reference/global_objects/boolean/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/tosource/index.html b/files/ca/web/javascript/reference/global_objects/boolean/tosource/index.html index 6b6a1b8b2b..6b6a1b8b2b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/boolean/tosource/index.html +++ b/files/ca/web/javascript/reference/global_objects/boolean/tosource/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/tostring/index.html b/files/ca/web/javascript/reference/global_objects/boolean/tostring/index.html index 90da6cba3a..90da6cba3a 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/boolean/tostring/index.html +++ b/files/ca/web/javascript/reference/global_objects/boolean/tostring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/valueof/index.html b/files/ca/web/javascript/reference/global_objects/boolean/valueof/index.html index f99fd3c6c0..f99fd3c6c0 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/boolean/valueof/index.html +++ b/files/ca/web/javascript/reference/global_objects/boolean/valueof/index.html diff --git a/files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html b/files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html deleted file mode 100644 index ebd6cbe729..0000000000 --- a/files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html +++ /dev/null @@ -1,147 +0,0 @@ ---- -title: DataView.prototype -slug: Web/JavaScript/Reference/Global_Objects/DataView/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/DataView -translation_of_original: Web/JavaScript/Reference/Global_Objects/DataView/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>DataView</strong></code><strong><code>.prototype</code></strong> representa el prototip de l'objecte {{jsxref("DataView")}}.</p> - -<div>{{js_property_attributes(0,0,0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Les instàncies <code>DataView</code> hereten de <code>DataView.prototype</code>. Com passa amb tots els constructors, podeu canviar l'objecte prototip del constructor per produir canvis a totes les instàncies <code>DataView</code>.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt>DataView.prototype.constructor</dt> - <dd>Especifica la funció que crea un prototip de l'objecte. El valor inicial és el constructor integrat estàndard <code>DataView</code>.</dd> - <dt>{{jsxref("DataView.prototype.buffer")}} {{readonlyInline}}</dt> - <dd>L'{{jsxref("ArrayBuffer")}} referenciat per aquesta vista. Fixat en el temps de construcció i per tant és <strong>només de lectura.</strong></dd> - <dt>{{jsxref("DataView.prototype.byteLength")}} {{readonlyInline}}</dt> - <dd>La llargària (en bytes) d'aquesta vista des del començament del seu {{jsxref("ArrayBuffer")}}. Fixat en el temps de construcció i per tant és <strong>només de lectura.</strong></dd> - <dt>{{jsxref("DataView.prototype.byteOffset")}} {{readonlyInline}}</dt> - <dd>La posició (en bytes) d'aquesta vista des de l'inici del seu {{jsxref("ArrayBuffer")}}. Fixat en el temps de construcció i per tant és <strong>només de lectura.</strong></dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<h3 id="Lectura">Lectura</h3> - -<dl> - <dt>{{jsxref("DataView.prototype.getInt8()")}}</dt> - <dd>Obté un nombre sencer (byte) de 8 bits amb signe al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getUint8()")}}</dt> - <dd>Obté un nombre sencer sense signe de 8 bits (unsigned byte) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getInt16()")}}</dt> - <dd>Obté un nombre sencer de 16 bits (short) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getUint16()")}}</dt> - <dd>Obté un nombre sencer sense signe de 16 bits (unsigned short) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getInt32()")}}</dt> - <dd>Obté un nombre sencer de 32 bits (long) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getUint32()")}}</dt> - <dd>Obté un nombre sencer sense signe de 31 bits (unsigned long) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getFloat32()")}}</dt> - <dd>Obté un nombre en coma flotant amb signe de 32 bits (float) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.getFloat64()")}}</dt> - <dd>Obté un nombre en coma flotant amb signe de 64 bits (double) al byte de posició especificat des de l'inici de la vista.</dd> -</dl> - -<h3 id="Escritura">Escritura</h3> - -<dl> - <dt>{{jsxref("DataView.prototype.setInt8()")}}</dt> - <dd>Emmagatzema el valor d'un nombre sencer de 8 bits (byte) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setUint8()")}}</dt> - <dd>Emmagatzema el valor d'un nombre sencer sense signe de 8 bits (unsigned byte) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setInt16()")}}</dt> - <dd>Emmagatzema el valor d'un nombre sencer amb signe de 16 bits (short) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setUint16()")}}</dt> - <dd>Emmagatzema el valor d'un nombre sencer sense signe de 16 bits (unsigned short) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setInt32()")}}</dt> - <dd>Emmagatzema el valor d'un nombre sencer amb signe de 32 bits (long) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setUint32()")}}</dt> - <dd>Emmagatzema el valor d'un nombre sencer sense signe de 32 bits (unsigned long) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setFloat32()")}}</dt> - <dd>Emmagatzema el valor d'un nombre en coma flotant amb signe de 32 bits (float) al byte de posició especificat des de l'inici de la vista.</dd> - <dt>{{jsxref("DataView.prototype.setFloat64()")}}</dt> - <dd>Emmagatzema el valor d'un nombre en coma flotant amb signe de 64 bits (double) al byte de posició especificat des de l'inici de la vista.</dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-dataview.prototype', 'DataView.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definició inicial.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegador">Compatibilitat amb navegador</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>9.0</td> - <td>{{ CompatGeckoDesktop("15.0") }}</td> - <td>10</td> - <td>12.1</td> - <td>5.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome per Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>4.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("15")}}</td> - <td>{{CompatUnknown}}</td> - <td>12.0</td> - <td>4.2</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getdate/index.html b/files/ca/web/javascript/reference/global_objects/date/getdate/index.html index 16808aaae0..16808aaae0 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getdate/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getdate/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getday/index.html b/files/ca/web/javascript/reference/global_objects/date/getday/index.html index 244562c167..244562c167 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getday/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getday/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getfullyear/index.html b/files/ca/web/javascript/reference/global_objects/date/getfullyear/index.html index 94f14f4332..94f14f4332 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getfullyear/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getfullyear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/gethours/index.html b/files/ca/web/javascript/reference/global_objects/date/gethours/index.html index 3848e96339..3848e96339 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/gethours/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/gethours/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getmilliseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/getmilliseconds/index.html index d438cf8cad..d438cf8cad 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getmilliseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getmilliseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getminutes/index.html b/files/ca/web/javascript/reference/global_objects/date/getminutes/index.html index 3ae466d56d..3ae466d56d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getminutes/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getminutes/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getmonth/index.html b/files/ca/web/javascript/reference/global_objects/date/getmonth/index.html index 2631ebef9a..2631ebef9a 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getmonth/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getmonth/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/getseconds/index.html index 790c62e3e9..790c62e3e9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/gettime/index.html b/files/ca/web/javascript/reference/global_objects/date/gettime/index.html index 20c45f31c5..20c45f31c5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/gettime/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/gettime/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/gettimezoneoffset/index.html b/files/ca/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html index 8af4d6e9e8..8af4d6e9e8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/gettimezoneoffset/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcdate/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcdate/index.html index ee3a8b881f..ee3a8b881f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcdate/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcdate/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcday/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcday/index.html index b6f992f9a1..b6f992f9a1 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcday/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcday/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcfullyear/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcfullyear/index.html index 3ca1526e28..3ca1526e28 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcfullyear/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcfullyear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutchours/index.html b/files/ca/web/javascript/reference/global_objects/date/getutchours/index.html index f575df92a1..f575df92a1 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutchours/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutchours/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcmilliseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcmilliseconds/index.html index d09ac5bded..d09ac5bded 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcmilliseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcmilliseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcminutes/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcminutes/index.html index e18a13c52f..e18a13c52f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcminutes/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcminutes/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcmonth/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcmonth/index.html index 48ba78349b..48ba78349b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcmonth/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcmonth/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/getutcseconds/index.html index 1f69ca8199..1f69ca8199 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getutcseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getutcseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getyear/index.html b/files/ca/web/javascript/reference/global_objects/date/getyear/index.html index 8724b2e03b..8724b2e03b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/getyear/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/getyear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/index.html b/files/ca/web/javascript/reference/global_objects/date/index.html index 3fb5a9368d..3fb5a9368d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/now/index.html b/files/ca/web/javascript/reference/global_objects/date/now/index.html index c3ef05fa86..c3ef05fa86 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/now/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/now/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setdate/index.html b/files/ca/web/javascript/reference/global_objects/date/setdate/index.html index 746de134fe..746de134fe 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setdate/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setdate/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setfullyear/index.html b/files/ca/web/javascript/reference/global_objects/date/setfullyear/index.html index c29d56ca4e..c29d56ca4e 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setfullyear/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setfullyear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/sethours/index.html b/files/ca/web/javascript/reference/global_objects/date/sethours/index.html index 7f660ba344..7f660ba344 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/sethours/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/sethours/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setmilliseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/setmilliseconds/index.html index 53dc451ad4..53dc451ad4 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setmilliseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setmilliseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setminutes/index.html b/files/ca/web/javascript/reference/global_objects/date/setminutes/index.html index 7dba61cade..7dba61cade 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setminutes/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setminutes/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setmonth/index.html b/files/ca/web/javascript/reference/global_objects/date/setmonth/index.html index a84f51df7c..a84f51df7c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setmonth/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setmonth/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/setseconds/index.html index 60ea2c0ae3..60ea2c0ae3 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/settime/index.html b/files/ca/web/javascript/reference/global_objects/date/settime/index.html index 9774f3ee4c..9774f3ee4c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/settime/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/settime/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcdate/index.html b/files/ca/web/javascript/reference/global_objects/date/setutcdate/index.html index 109178f66a..109178f66a 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutcdate/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutcdate/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcfullyear/index.html b/files/ca/web/javascript/reference/global_objects/date/setutcfullyear/index.html index 55185a431b..55185a431b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutcfullyear/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutcfullyear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutchours/index.html b/files/ca/web/javascript/reference/global_objects/date/setutchours/index.html index 3c75ea903c..3c75ea903c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutchours/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutchours/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcmilliseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/setutcmilliseconds/index.html index e3265e247f..e3265e247f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutcmilliseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutcmilliseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcminutes/index.html b/files/ca/web/javascript/reference/global_objects/date/setutcminutes/index.html index 5551364e52..5551364e52 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutcminutes/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutcminutes/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcmonth/index.html b/files/ca/web/javascript/reference/global_objects/date/setutcmonth/index.html index e06f0fba64..e06f0fba64 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutcmonth/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutcmonth/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcseconds/index.html b/files/ca/web/javascript/reference/global_objects/date/setutcseconds/index.html index 66f33a9e1b..66f33a9e1b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setutcseconds/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setutcseconds/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setyear/index.html b/files/ca/web/javascript/reference/global_objects/date/setyear/index.html index ead16f2d21..ead16f2d21 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/setyear/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/setyear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/todatestring/index.html b/files/ca/web/javascript/reference/global_objects/date/todatestring/index.html index 9548215179..9548215179 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/todatestring/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/todatestring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/togmtstring/index.html b/files/ca/web/javascript/reference/global_objects/date/togmtstring/index.html index 08e63be739..08e63be739 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/togmtstring/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/togmtstring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/toisostring/index.html b/files/ca/web/javascript/reference/global_objects/date/toisostring/index.html index 759e53225c..759e53225c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/toisostring/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/toisostring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/tojson/index.html b/files/ca/web/javascript/reference/global_objects/date/tojson/index.html index 8b583470bf..8b583470bf 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/tojson/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/tojson/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/tostring/index.html b/files/ca/web/javascript/reference/global_objects/date/tostring/index.html index 8482fe5298..8482fe5298 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/tostring/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/tostring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/totimestring/index.html b/files/ca/web/javascript/reference/global_objects/date/totimestring/index.html index aac8de7a85..aac8de7a85 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/totimestring/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/totimestring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/utc/index.html b/files/ca/web/javascript/reference/global_objects/date/utc/index.html index 37bb2bc369..37bb2bc369 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/utc/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/utc/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/valueof/index.html b/files/ca/web/javascript/reference/global_objects/date/valueof/index.html index 6c5f810ead..6c5f810ead 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/date/valueof/index.html +++ b/files/ca/web/javascript/reference/global_objects/date/valueof/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/columnnumber/index.html b/files/ca/web/javascript/reference/global_objects/error/columnnumber/index.html index 377c797cd3..377c797cd3 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/columnnumber/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/columnnumber/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/filename/index.html b/files/ca/web/javascript/reference/global_objects/error/filename/index.html index dcca532f86..dcca532f86 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/filename/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/filename/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/index.html b/files/ca/web/javascript/reference/global_objects/error/index.html index 2e1592edc5..2e1592edc5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/linenumber/index.html b/files/ca/web/javascript/reference/global_objects/error/linenumber/index.html index 7b85f29c19..7b85f29c19 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/linenumber/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/linenumber/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/message/index.html b/files/ca/web/javascript/reference/global_objects/error/message/index.html index 4aa07268fa..4aa07268fa 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/message/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/message/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/name/index.html b/files/ca/web/javascript/reference/global_objects/error/name/index.html index 995ecafd5f..995ecafd5f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/name/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/name/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/stack/index.html b/files/ca/web/javascript/reference/global_objects/error/stack/index.html index aa41949423..aa41949423 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/stack/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/stack/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/tosource/index.html b/files/ca/web/javascript/reference/global_objects/error/tosource/index.html index c766aa312b..c766aa312b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/tosource/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/tosource/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/tostring/index.html b/files/ca/web/javascript/reference/global_objects/error/tostring/index.html index 79fd20f77f..79fd20f77f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/error/tostring/index.html +++ b/files/ca/web/javascript/reference/global_objects/error/tostring/index.html diff --git a/files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html b/files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html deleted file mode 100644 index 5f83d25a6f..0000000000 --- a/files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: EvalError.prototype -slug: Web/JavaScript/Reference/Global_Objects/EvalError/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/EvalError -translation_of_original: Web/JavaScript/Reference/Global_Objects/EvalError/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>EvalError.prototype</strong></code> representa el prototip del constructor {{jsxref("EvalError")}}.</p> - -<div>{{js_property_attributes(0, 0, 0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Totes les instàncies {{jsxref("EvalError")}} hereten de <code>EvalError.prototype</code>. Es pot utilitzar el prototip per afegir propietats o mètodes a totes les instàncies.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>EvalError.prototype.constructor</code></dt> - <dd>Especifica la funció que ha creat el prototip d'una instància.</dd> - <dt>{{jsxref("Error.prototype.message", "EvalError.prototype.message")}}</dt> - <dd>Missatge d'error. Tot i que l'ECMA-262 especifica que {{jsxref("EvalError")}} hauria de proveir la seva pròpia propietat <code>message</code>, en <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a>, hereta {{jsxref("Error.prototype.message")}}.</dd> - <dt>{{jsxref("Error.prototype.name", "EvalError.prototype.name")}}</dt> - <dd>Nom de l'error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.fileName", "EvalError.prototype.fileName")}}</dt> - <dd>Camí cap al fitxer que ha llançat aquest error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.lineNumber", "EvalError.prototype.lineNumber")}}</dt> - <dd>Número de línia en el fitxer que ha llançat aquest error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.columnNumber", "EvalError.prototype.columnNumber")}}</dt> - <dd>Número de columna en la línia que ha llançat aquest error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.stack", "EvalError.prototype.stack")}}</dt> - <dd>Traça de l'error. Heretat de {{jsxref("Error")}}.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<p>Tot i que l'objecte prototip {{jsxref("EvalError")}} no contè cap mètode en si mateix, les instàncies {{jsxref("EvalError")}} hereten alguns mètodes a través de la cadena prototip.</p> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES3')}}</td> - <td>{{Spec2('ES3')}}</td> - <td>Definició inicial</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.11.7.6', 'NativeError.prototype')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-nativeerror.prototype', 'NativeError.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome per Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Error.prototype")}}</li> - <li>{{jsxref("Function.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/index.html b/files/ca/web/javascript/reference/global_objects/index.html index 60bd0333f7..60bd0333f7 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/index.html +++ b/files/ca/web/javascript/reference/global_objects/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/infinity/index.html b/files/ca/web/javascript/reference/global_objects/infinity/index.html index 409609bfd2..409609bfd2 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/infinity/index.html +++ b/files/ca/web/javascript/reference/global_objects/infinity/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/json/index.html b/files/ca/web/javascript/reference/global_objects/json/index.html index efc86409e6..efc86409e6 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/json/index.html +++ b/files/ca/web/javascript/reference/global_objects/json/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/clear/index.html b/files/ca/web/javascript/reference/global_objects/map/clear/index.html index f29cc93eef..f29cc93eef 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/clear/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/clear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/delete/index.html b/files/ca/web/javascript/reference/global_objects/map/delete/index.html index 01c1b2cf28..01c1b2cf28 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/delete/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/delete/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/entries/index.html b/files/ca/web/javascript/reference/global_objects/map/entries/index.html index d5f6942695..d5f6942695 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/entries/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/entries/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/foreach/index.html b/files/ca/web/javascript/reference/global_objects/map/foreach/index.html index 7097bbee3d..7097bbee3d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/foreach/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/foreach/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/get/index.html b/files/ca/web/javascript/reference/global_objects/map/get/index.html index ec345df059..ec345df059 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/get/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/get/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/has/index.html b/files/ca/web/javascript/reference/global_objects/map/has/index.html index d0ce1bec54..d0ce1bec54 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/has/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/has/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/index.html b/files/ca/web/javascript/reference/global_objects/map/index.html index 8e2bb647bd..8e2bb647bd 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/keys/index.html b/files/ca/web/javascript/reference/global_objects/map/keys/index.html index 47c975a891..47c975a891 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/keys/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/keys/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/set/index.html b/files/ca/web/javascript/reference/global_objects/map/set/index.html index 3b77060831..3b77060831 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/set/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/set/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/size/index.html b/files/ca/web/javascript/reference/global_objects/map/size/index.html index aa70c7d84b..aa70c7d84b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/size/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/size/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/values/index.html b/files/ca/web/javascript/reference/global_objects/map/values/index.html index f1b23be7e7..f1b23be7e7 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/map/values/index.html +++ b/files/ca/web/javascript/reference/global_objects/map/values/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/abs/index.html b/files/ca/web/javascript/reference/global_objects/math/abs/index.html index 34d3e5beb9..34d3e5beb9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/abs/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/abs/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/acos/index.html b/files/ca/web/javascript/reference/global_objects/math/acos/index.html index fdf781a4e2..fdf781a4e2 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/acos/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/acos/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/acosh/index.html b/files/ca/web/javascript/reference/global_objects/math/acosh/index.html index edfe1dd8c0..edfe1dd8c0 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/acosh/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/acosh/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/asin/index.html b/files/ca/web/javascript/reference/global_objects/math/asin/index.html index 81288af5b6..81288af5b6 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/asin/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/asin/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/asinh/index.html b/files/ca/web/javascript/reference/global_objects/math/asinh/index.html index 9a249bb202..9a249bb202 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/asinh/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/asinh/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/atan/index.html b/files/ca/web/javascript/reference/global_objects/math/atan/index.html index 034578fd54..034578fd54 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/atan/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/atan/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/atan2/index.html b/files/ca/web/javascript/reference/global_objects/math/atan2/index.html index 2816bb40b8..2816bb40b8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/atan2/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/atan2/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/atanh/index.html b/files/ca/web/javascript/reference/global_objects/math/atanh/index.html index 8a6b7cc2c8..8a6b7cc2c8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/atanh/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/atanh/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/cbrt/index.html b/files/ca/web/javascript/reference/global_objects/math/cbrt/index.html index 70d6767183..70d6767183 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/cbrt/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/cbrt/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/ceil/index.html b/files/ca/web/javascript/reference/global_objects/math/ceil/index.html index a96880eecd..a96880eecd 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/ceil/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/ceil/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/clz32/index.html b/files/ca/web/javascript/reference/global_objects/math/clz32/index.html index 5cde08c7a8..5cde08c7a8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/clz32/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/clz32/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/cos/index.html b/files/ca/web/javascript/reference/global_objects/math/cos/index.html index 0236b38c9c..0236b38c9c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/cos/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/cos/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/cosh/index.html b/files/ca/web/javascript/reference/global_objects/math/cosh/index.html index 00ebc259b9..00ebc259b9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/cosh/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/cosh/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/e/index.html b/files/ca/web/javascript/reference/global_objects/math/e/index.html index efe7476396..efe7476396 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/e/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/e/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/exp/index.html b/files/ca/web/javascript/reference/global_objects/math/exp/index.html index c6d6c6c098..c6d6c6c098 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/exp/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/exp/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/expm1/index.html b/files/ca/web/javascript/reference/global_objects/math/expm1/index.html index b8055fba45..b8055fba45 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/expm1/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/expm1/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/floor/index.html b/files/ca/web/javascript/reference/global_objects/math/floor/index.html index 4a83b8d0e8..4a83b8d0e8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/floor/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/floor/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/fround/index.html b/files/ca/web/javascript/reference/global_objects/math/fround/index.html index 7411993dbc..7411993dbc 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/fround/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/fround/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/hypot/index.html b/files/ca/web/javascript/reference/global_objects/math/hypot/index.html index e29bb754f1..e29bb754f1 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/hypot/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/hypot/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/imul/index.html b/files/ca/web/javascript/reference/global_objects/math/imul/index.html index 53050a9cd6..53050a9cd6 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/imul/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/imul/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/index.html b/files/ca/web/javascript/reference/global_objects/math/index.html index d493f51b40..d493f51b40 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/ln10/index.html b/files/ca/web/javascript/reference/global_objects/math/ln10/index.html index 42107c85f5..42107c85f5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/ln10/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/ln10/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/ln2/index.html b/files/ca/web/javascript/reference/global_objects/math/ln2/index.html index 92cf2693f2..92cf2693f2 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/ln2/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/ln2/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log/index.html b/files/ca/web/javascript/reference/global_objects/math/log/index.html index a3d8467ae5..a3d8467ae5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/log/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/log/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log10/index.html b/files/ca/web/javascript/reference/global_objects/math/log10/index.html index 1a82f34848..1a82f34848 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/log10/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/log10/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log10e/index.html b/files/ca/web/javascript/reference/global_objects/math/log10e/index.html index 299c8d12ed..299c8d12ed 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/log10e/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/log10e/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log1p/index.html b/files/ca/web/javascript/reference/global_objects/math/log1p/index.html index 1a0eb32cd5..1a0eb32cd5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/log1p/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/log1p/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log2/index.html b/files/ca/web/javascript/reference/global_objects/math/log2/index.html index 0806bd75ff..0806bd75ff 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/log2/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/log2/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log2e/index.html b/files/ca/web/javascript/reference/global_objects/math/log2e/index.html index 2f37ae44c1..2f37ae44c1 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/log2e/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/log2e/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/max/index.html b/files/ca/web/javascript/reference/global_objects/math/max/index.html index 791b5dfdfe..791b5dfdfe 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/max/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/max/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/min/index.html b/files/ca/web/javascript/reference/global_objects/math/min/index.html index 909e6ff2ee..909e6ff2ee 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/min/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/min/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/pi/index.html b/files/ca/web/javascript/reference/global_objects/math/pi/index.html index b867c953df..b867c953df 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/pi/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/pi/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/pow/index.html b/files/ca/web/javascript/reference/global_objects/math/pow/index.html index efe89000e9..efe89000e9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/pow/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/pow/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/random/index.html b/files/ca/web/javascript/reference/global_objects/math/random/index.html index d70169efd4..d70169efd4 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/random/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/random/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/round/index.html b/files/ca/web/javascript/reference/global_objects/math/round/index.html index 2510799381..2510799381 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/round/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/round/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sign/index.html b/files/ca/web/javascript/reference/global_objects/math/sign/index.html index 520ff27dc4..520ff27dc4 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/sign/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/sign/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sin/index.html b/files/ca/web/javascript/reference/global_objects/math/sin/index.html index 7f1faf9a98..7f1faf9a98 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/sin/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/sin/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sinh/index.html b/files/ca/web/javascript/reference/global_objects/math/sinh/index.html index a1cc1f446a..a1cc1f446a 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/sinh/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/sinh/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt/index.html b/files/ca/web/javascript/reference/global_objects/math/sqrt/index.html index b726db8a31..b726db8a31 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/sqrt/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt1_2/index.html b/files/ca/web/javascript/reference/global_objects/math/sqrt1_2/index.html index 3d7d3a1370..3d7d3a1370 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt1_2/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/sqrt1_2/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt2/index.html b/files/ca/web/javascript/reference/global_objects/math/sqrt2/index.html index 3d049f228c..3d049f228c 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt2/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/sqrt2/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/tan/index.html b/files/ca/web/javascript/reference/global_objects/math/tan/index.html index 590e1f5fc8..590e1f5fc8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/tan/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/tan/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/tanh/index.html b/files/ca/web/javascript/reference/global_objects/math/tanh/index.html index ada19d17e0..ada19d17e0 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/tanh/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/tanh/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/trunc/index.html b/files/ca/web/javascript/reference/global_objects/math/trunc/index.html index 4f76502d69..4f76502d69 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/math/trunc/index.html +++ b/files/ca/web/javascript/reference/global_objects/math/trunc/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/nan/index.html b/files/ca/web/javascript/reference/global_objects/nan/index.html index 1d6f4a4dc8..1d6f4a4dc8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/nan/index.html +++ b/files/ca/web/javascript/reference/global_objects/nan/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/null/index.html b/files/ca/web/javascript/reference/global_objects/null/index.html index 97506ddeb5..97506ddeb5 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/null/index.html +++ b/files/ca/web/javascript/reference/global_objects/null/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/epsilon/index.html b/files/ca/web/javascript/reference/global_objects/number/epsilon/index.html index 5e3f602703..5e3f602703 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/epsilon/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/epsilon/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/index.html b/files/ca/web/javascript/reference/global_objects/number/index.html index 5f4b7a0bb2..5f4b7a0bb2 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/isfinite/index.html b/files/ca/web/javascript/reference/global_objects/number/isfinite/index.html index 21d9493bf8..21d9493bf8 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/isfinite/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/isfinite/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/isinteger/index.html b/files/ca/web/javascript/reference/global_objects/number/isinteger/index.html index ee524e91c2..ee524e91c2 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/isinteger/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/isinteger/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/isnan/index.html b/files/ca/web/javascript/reference/global_objects/number/isnan/index.html index f6ba247306..f6ba247306 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/isnan/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/isnan/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/issafeinteger/index.html b/files/ca/web/javascript/reference/global_objects/number/issafeinteger/index.html index 7570e7289d..7570e7289d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/issafeinteger/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/issafeinteger/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/max_safe_integer/index.html b/files/ca/web/javascript/reference/global_objects/number/max_safe_integer/index.html index 02483b41ac..02483b41ac 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/max_safe_integer/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/max_safe_integer/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/max_value/index.html b/files/ca/web/javascript/reference/global_objects/number/max_value/index.html index 453ad01c23..453ad01c23 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/max_value/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/max_value/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/min_safe_integer/index.html b/files/ca/web/javascript/reference/global_objects/number/min_safe_integer/index.html index 861ec666ec..861ec666ec 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/min_safe_integer/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/min_safe_integer/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/min_value/index.html b/files/ca/web/javascript/reference/global_objects/number/min_value/index.html index 42af185360..42af185360 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/min_value/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/min_value/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/nan/index.html b/files/ca/web/javascript/reference/global_objects/number/nan/index.html index 7c6f3f1440..7c6f3f1440 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/nan/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/nan/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/negative_infinity/index.html b/files/ca/web/javascript/reference/global_objects/number/negative_infinity/index.html index 3fb4c1d150..3fb4c1d150 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/negative_infinity/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/negative_infinity/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/parsefloat/index.html b/files/ca/web/javascript/reference/global_objects/number/parsefloat/index.html index cd3494b7ac..cd3494b7ac 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/parsefloat/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/parsefloat/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/parseint/index.html b/files/ca/web/javascript/reference/global_objects/number/parseint/index.html index 2ef9597d11..2ef9597d11 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/parseint/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/parseint/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/positive_infinity/index.html b/files/ca/web/javascript/reference/global_objects/number/positive_infinity/index.html index 234a779fd1..234a779fd1 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/positive_infinity/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/positive_infinity/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/toexponential/index.html b/files/ca/web/javascript/reference/global_objects/number/toexponential/index.html index 69ca3478ac..69ca3478ac 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/toexponential/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/toexponential/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/tofixed/index.html b/files/ca/web/javascript/reference/global_objects/number/tofixed/index.html index 8df53aafe3..8df53aafe3 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/tofixed/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/tofixed/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/toprecision/index.html b/files/ca/web/javascript/reference/global_objects/number/toprecision/index.html index 0af5875e7f..0af5875e7f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/toprecision/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/toprecision/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/tostring/index.html b/files/ca/web/javascript/reference/global_objects/number/tostring/index.html index 7381fc97ac..7381fc97ac 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/number/tostring/index.html +++ b/files/ca/web/javascript/reference/global_objects/number/tostring/index.html diff --git a/files/ca/web/javascript/reference/global_objects/object/prototype/index.html b/files/ca/web/javascript/reference/global_objects/object/prototype/index.html deleted file mode 100644 index 9451ccfefe..0000000000 --- a/files/ca/web/javascript/reference/global_objects/object/prototype/index.html +++ /dev/null @@ -1,215 +0,0 @@ ---- -title: Object.prototype -slug: Web/JavaScript/Reference/Global_Objects/Object/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Object -translation_of_original: Web/JavaScript/Reference/Global_Objects/Object/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>Object.prototype</strong></code> representa el prototipus per a {{jsxref("Object")}}.</p> - -<div>{{js_property_attributes(0, 0, 0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>A JavaScript, tots els objectes hereten de {{jsxref("Object")}}; tots els objectes hereten els mètodes i propietats de <code>Object.prototype</code>, tot i que es poden sobreescriure (excepte un <code>Object</code> amb prototipus <code>null</code>, és a dir, <code>Object.create(null)</code>). Per exemple, altres prototipus de constructors sobreescriuen la propietat <code>constructor</code> i ofereixen els seus propis mètodes {{jsxref("Object.prototype.toString()", "toString()")}}. Els canvis al prototipus <code>Object</code> es propaguen a tots els objectes a no ser que les propietats i mètodes que reben aquests canvis hagin sigut sobreescrites més avall a la cadena de prototipus.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt>{{jsxref("Object.prototype.constructor")}}</dt> - <dd>Especifica la funció que ha creat el prototipus de l'objecte.</dd> - <dt>{{jsxref("Object.prototype.__proto__")}} {{non-standard_inline}}</dt> - <dd>Referencia l'objecte utilitzat com a prototipus quan aquest objecte va ser instanciat.</dd> - <dt>{{jsxref("Object.prototype.__noSuchMethod__")}} {{non-standard_inline}}</dt> - <dd>Permet definir una funció que serà executada quan es cridi com mètode un membre no definit.</dd> - <dt><s class="obsoleteElement">{{jsxref("Object.prototype.__count__")}} {{obsolete_inline}}</s></dt> - <dd><s class="obsoleteElement">Retornava el nombre de propietats enumerables que hi hagués a un objecte definit per l'usuari. S'ha eliminat.</s></dd> - <dt><s class="obsoleteElement">{{jsxref("Object.prototype.__parent__")}} {{obsolete_inline}}</s></dt> - <dd><s class="obsoleteElement">Referenciava el context d'un objecte. S'ha eliminat.</s></dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("Object.prototype.__defineGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> - <dd>Associa una funció a una propietat que, quan s'accedeix, executa aquesta funció i retorna el seu valor.</dd> - <dt>{{jsxref("Object.prototype.__defineSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> - <dd>Associa una funció a una propietat que, quan s'assigna, executa aquesta funció que modifica la propietat.</dd> - <dt>{{jsxref("Object.prototype.__lookupGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> - <dd>Retorna una funció associada a la propietat especificada pel mètode {{jsxref("Object.defineGetter", "__defineGetter__")}}.</dd> - <dt>{{jsxref("Object.prototype.__lookupSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> - <dd>Retorna a funció associada a la propietat especificada pel mètode {{jsxref("Object.defineSetter", "__defineSetter__")}}.</dd> - <dt>{{jsxref("Object.prototype.hasOwnProperty()")}}</dt> - <dd>Retorna un booleà que indica si l'objecte conté la propietat especificada com una propietat pròpia d'ell mateix en comptes d'heretar-la a través de la cadena de prototipus.</dd> - <dt>{{jsxref("Object.prototype.isPrototypeOf()")}}</dt> - <dd>Retorna un booleà que indica si l'objecte espeicfifcat pertany a la cadena de prototipus de l'objecte sobre el que es crida aquest mètode.</dd> - <dt>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</dt> - <dd>Retorna un booleà que indica si està activat l'atribut intern <a href="/en-US/docs/ECMAScript_DontEnum_attribute" title="ECMAScript_DontEnum_attribute">DontEnum de l'ECMAScript</a>.</dd> - <dt>{{jsxref("Object.prototype.toSource()")}} {{non-standard_inline}}</dt> - <dd>Retorna un string que conté cofi font que defineix un literal d'objecte que representa l'objecte sobre el que s'executa aquest mètode; aquest valor pot utilitzar-se per a crear un nou objecte.</dd> - <dt>{{jsxref("Object.prototype.toLocaleString()")}}</dt> - <dd>Crida el mètode {{jsxref("Object.toString", "toString()")}}.</dd> - <dt>{{jsxref("Object.prototype.toString()")}}</dt> - <dd>Retorna una representació d'aquest objecte en forma de string.</dd> - <dt>{{jsxref("Object.prototype.unwatch()")}} {{non-standard_inline}}</dt> - <dd>Esborra un <em>watchpoint</em> d'una propietat de l'objecte.</dd> - <dt>{{jsxref("Object.prototype.valueOf()")}}</dt> - <dd>Retorna el valor primitiu de l'objecte especificat.</dd> - <dt>{{jsxref("Object.prototype.watch()")}} {{non-standard_inline}}</dt> - <dd>Afegeix un <em>watchpoint</em> a una propietat de l'objecte.</dd> - <dt><s class="obsoleteElement">{{jsxref("Object.prototype.eval()")}} {{obsolete_inline}}</s></dt> - <dd><s class="obsoleteElement">Evaluava un string de codi font JavaScript dins el context de l'objecte especificat. S'ha eliminat.</s></dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<p>Degut a que JavaScript no res semblant a subclasses d'objectes, la propietat <code>prototype</code> és una bona forma d'utilitzar algunes funcions que fan d'objectes com a "classe base". Per exemple:</p> - -<pre class="brush: js">var Person = function() { - this.canTalk = true; -}; - -Person.prototype.greet = function() { - if (this.canTalk) { - console.log('Hi, I am ' + this.name); - } -}; - -var Employee = function(name, title) { - Person.call(this); - this.name = name; - this.title = title; -}; - -Employee.prototype = Object.create(Person.prototype); -Employee.prototype.constructor = Employee; - -Employee.prototype.greet = function() { - if (this.canTalk) { - console.log('Hi, I am ' + this.name + ', the ' + this.title); - } -}; - -var Customer = function(name) { - Person.call(this); - this.name = name; -}; - -Customer.prototype = Object.create(Person.prototype); -Customer.prototype.constructor = Customer; - -var Mime = function(name) { - Person.call(this); - this.name = name; - this.canTalk = false; -}; - -Mime.prototype = Object.create(Person.prototype); -Mime.prototype.constructor = Mime; - -var bob = new Employee('Bob', 'Builder'); -var joe = new Customer('Joe'); -var rg = new Employee('Red Green', 'Handyman'); -var mike = new Customer('Mike'); -var mime = new Mime('Mime'); - -bob.greet(); -// Hi, I am Bob, the Builder - -joe.greet(); -// Hi, I am Joe - -rg.greet(); -// Hi, I am Red Green, the Handyman - -mike.greet(); -// Hi, I am Mike - -mime.greet(); -</pre> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES1')}}</td> - <td>{{Spec2('ES1')}}</td> - <td>Definició inicial. Implementat a JavaScript 1.0.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.2.3.1', 'Object.prototype')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-object.prototype', 'Object.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també"> Vegeu també</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introducció al JavaScript orientat a objectes</a></li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/parsefloat/index.html b/files/ca/web/javascript/reference/global_objects/parsefloat/index.html index 570fa6b63f..570fa6b63f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/parsefloat/index.html +++ b/files/ca/web/javascript/reference/global_objects/parsefloat/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/add/index.html b/files/ca/web/javascript/reference/global_objects/set/add/index.html index b93eaa3efb..b93eaa3efb 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/add/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/add/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/clear/index.html b/files/ca/web/javascript/reference/global_objects/set/clear/index.html index 6ef179daaa..6ef179daaa 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/clear/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/clear/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/delete/index.html b/files/ca/web/javascript/reference/global_objects/set/delete/index.html index ea66c1a723..ea66c1a723 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/delete/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/delete/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/entries/index.html b/files/ca/web/javascript/reference/global_objects/set/entries/index.html index 848e53ba8d..848e53ba8d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/entries/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/entries/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/has/index.html b/files/ca/web/javascript/reference/global_objects/set/has/index.html index ca9027b8a4..ca9027b8a4 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/has/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/has/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/index.html b/files/ca/web/javascript/reference/global_objects/set/index.html index 993d296324..993d296324 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/values/index.html b/files/ca/web/javascript/reference/global_objects/set/values/index.html index 307fa78113..307fa78113 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/set/values/index.html +++ b/files/ca/web/javascript/reference/global_objects/set/values/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/anchor/index.html b/files/ca/web/javascript/reference/global_objects/string/anchor/index.html index 15bd4db97b..15bd4db97b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/anchor/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/anchor/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/big/index.html b/files/ca/web/javascript/reference/global_objects/string/big/index.html index a3b8815f10..a3b8815f10 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/big/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/big/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/blink/index.html b/files/ca/web/javascript/reference/global_objects/string/blink/index.html index 2378325897..2378325897 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/blink/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/blink/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/bold/index.html b/files/ca/web/javascript/reference/global_objects/string/bold/index.html index 502810bb45..502810bb45 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/bold/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/bold/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/charat/index.html b/files/ca/web/javascript/reference/global_objects/string/charat/index.html index 55a84ab7d0..55a84ab7d0 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/charat/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/charat/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/concat/index.html b/files/ca/web/javascript/reference/global_objects/string/concat/index.html index 87cdda3c5e..87cdda3c5e 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/concat/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/concat/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/endswith/index.html b/files/ca/web/javascript/reference/global_objects/string/endswith/index.html index 83a1201549..83a1201549 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/endswith/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/endswith/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fixed/index.html b/files/ca/web/javascript/reference/global_objects/string/fixed/index.html index 069ab4243f..069ab4243f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/fixed/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/fixed/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fontcolor/index.html b/files/ca/web/javascript/reference/global_objects/string/fontcolor/index.html index be52cd576b..be52cd576b 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/fontcolor/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/fontcolor/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fontsize/index.html b/files/ca/web/javascript/reference/global_objects/string/fontsize/index.html index 9f30d124aa..9f30d124aa 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/fontsize/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/fontsize/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fromcharcode/index.html b/files/ca/web/javascript/reference/global_objects/string/fromcharcode/index.html index f4e2308bf9..f4e2308bf9 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/fromcharcode/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/fromcharcode/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/index.html b/files/ca/web/javascript/reference/global_objects/string/index.html index 136820a54d..136820a54d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/indexof/index.html b/files/ca/web/javascript/reference/global_objects/string/indexof/index.html index 9b08b04ded..9b08b04ded 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/indexof/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/indexof/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/italics/index.html b/files/ca/web/javascript/reference/global_objects/string/italics/index.html index f38a8f9579..f38a8f9579 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/italics/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/italics/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/length/index.html b/files/ca/web/javascript/reference/global_objects/string/length/index.html index 63a3114d2d..63a3114d2d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/length/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/length/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/link/index.html b/files/ca/web/javascript/reference/global_objects/string/link/index.html index efe1385ddc..efe1385ddc 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/link/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/link/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/normalize/index.html b/files/ca/web/javascript/reference/global_objects/string/normalize/index.html index 7a6bcef500..7a6bcef500 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/normalize/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/normalize/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/small/index.html b/files/ca/web/javascript/reference/global_objects/string/small/index.html index 761797bdda..761797bdda 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/small/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/small/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/startswith/index.html b/files/ca/web/javascript/reference/global_objects/string/startswith/index.html index ca25398d51..ca25398d51 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/startswith/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/startswith/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/sub/index.html b/files/ca/web/javascript/reference/global_objects/string/sub/index.html index 0b512d038e..0b512d038e 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/sub/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/sub/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/substr/index.html b/files/ca/web/javascript/reference/global_objects/string/substr/index.html index 5fdb1f03b4..5fdb1f03b4 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/substr/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/substr/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/sup/index.html b/files/ca/web/javascript/reference/global_objects/string/sup/index.html index 24b46c88ce..24b46c88ce 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/sup/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/sup/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tolocalelowercase/index.html b/files/ca/web/javascript/reference/global_objects/string/tolocalelowercase/index.html index c138197bc1..c138197bc1 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/tolocalelowercase/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/tolocalelowercase/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tolocaleuppercase/index.html b/files/ca/web/javascript/reference/global_objects/string/tolocaleuppercase/index.html index 8f7b2aa716..8f7b2aa716 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/tolocaleuppercase/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/tolocaleuppercase/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tolowercase/index.html b/files/ca/web/javascript/reference/global_objects/string/tolowercase/index.html index 7147d0ea0d..7147d0ea0d 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/tolowercase/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/tolowercase/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tostring/index.html b/files/ca/web/javascript/reference/global_objects/string/tostring/index.html index 11f2555a2f..11f2555a2f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/tostring/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/tostring/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/touppercase/index.html b/files/ca/web/javascript/reference/global_objects/string/touppercase/index.html index 2a3b4fe56a..2a3b4fe56a 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/touppercase/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/touppercase/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/trim/index.html b/files/ca/web/javascript/reference/global_objects/string/trim/index.html index 2dd955ea62..2dd955ea62 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/trim/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/trim/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/trimright/index.html b/files/ca/web/javascript/reference/global_objects/string/trimend/index.html index 41ab89e3ca..41ab89e3ca 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/trimright/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/trimend/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/trimleft/index.html b/files/ca/web/javascript/reference/global_objects/string/trimstart/index.html index f16a5b89fa..f16a5b89fa 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/string/trimleft/index.html +++ b/files/ca/web/javascript/reference/global_objects/string/trimstart/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/index.html b/files/ca/web/javascript/reference/global_objects/syntaxerror/index.html index 2ad16e006f..2ad16e006f 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/index.html +++ b/files/ca/web/javascript/reference/global_objects/syntaxerror/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/undefined/index.html b/files/ca/web/javascript/reference/global_objects/undefined/index.html index 3dd30fbefe..3dd30fbefe 100644 --- a/files/ca/web/javascript/referencia/objectes_globals/undefined/index.html +++ b/files/ca/web/javascript/reference/global_objects/undefined/index.html diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html deleted file mode 100644 index 40c3e72ff6..0000000000 --- a/files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html +++ /dev/null @@ -1,133 +0,0 @@ ---- -title: WeakMap.prototype -slug: Web/JavaScript/Reference/Global_Objects/WeakMap/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap -translation_of_original: Web/JavaScript/Reference/Global_Objects/WeakMap/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>WeakMap</strong></code><strong><code>.prototype</code></strong> representa el prototip pel constructor {{jsxref("WeakMap")}}.</p> - -<div>{{js_property_attributes(0,0,0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Les instantànies {{jsxref("WeakMap")}} hereten de {{jsxref("WeakMap.prototype")}}. Es pot utilitzar l'objecte prototip del constructor per afegir propietats o mètodes a totes les instàncies <code>WeakMap.</code></p> - -<p><code>WeakMap.prototype</code> és en si mateix només un objecte ordinari:</p> - -<pre class="brush: js">Object.prototype.toString.call(WeakMap.prototype); // "[object Object]"</pre> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>WeakMap.prototype.constructor</code></dt> - <dd>Retorna la funció que ha creat un prototip de la instància. Aquesta és la funció {{jsxref("WeakMap")}} per defecte.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("WeakMap.delete", "WeakMap.prototype.delete(key)")}}</dt> - <dd>Elimina qualsevol valor associat a <code>key</code>. <code>WeakMap.prototype.has(key)</code> retornarà <code>false</code> després d'això.</dd> - <dt>{{jsxref("WeakMap.get", "WeakMap.prototype.get(key)")}}</dt> - <dd>Retorna el valor associat a <code>key</code>, o <code>undefined</code> si no n'hi ha cap.</dd> - <dt>{{jsxref("WeakMap.has", "WeakMap.prototype.has(key)")}}</dt> - <dd>Retorna un booleà afirmant si un valor s'ha associat o no a la <code>key</code> en l'objecte <code>WeakMap</code>.</dd> - <dt>{{jsxref("WeakMap.set", "WeakMap.prototype.set(key, value)")}}</dt> - <dd>Estableix el valor per la <code>key</code> en l'objecte <code>WeakMap.</code> Retorna l'objecte <code>WeakMap.</code></dd> - <dt><s class="obsoleteElement">{{jsxref("WeakMap.prototype.clear()")}} {{obsolete_inline}}</s></dt> - <dd><s class="obsoleteElement">Elimina totes les parelles clau/valor de l'objecte <code>WeakMap.</code> Vegeu que es posible implementar un objecte <code>WeakMap</code>-like que tingui un mètode <code>.clear()</code> per mitjà d'encapsular un objecte <code>WeakMap </code>que no ho tingui (vegeu un exemple a la pàgina {{jsxref("WeakMap")}})</s></dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-weakmap.prototype', 'WeakMap.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definició inicial</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>36</td> - <td>{{CompatGeckoDesktop("6.0")}}</td> - <td>11</td> - <td>23</td> - <td>7.1</td> - </tr> - <tr> - <td>Objecte ordinari</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("40")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome per Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("6.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>8</td> - </tr> - <tr> - <td>Objecte ordinari</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("40")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Map.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html b/files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html deleted file mode 100644 index 4e86935904..0000000000 --- a/files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html +++ /dev/null @@ -1,132 +0,0 @@ ---- -title: WeakSet.prototype -slug: Web/JavaScript/Reference/Global_Objects/WeakSet/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet -translation_of_original: Web/JavaScript/Reference/Global_Objects/WeakSet/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>WeakSet</strong></code><strong><code>.prototype</code></strong> representa el prototip pel constructor {{jsxref("WeakSet")}}.</p> - -<div>{{js_property_attributes(0,0,0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Les instàncies {{jsxref("WeakSet")}} hereten de {{jsxref("WeakSet.prototype")}}. Es pot utilitzar l'objecte prototip del constructor per afegir propietats o mètodes a totes les instàncies <code>WeakSet</code>.</p> - -<p><code>WeakSet.prototype</code> és en si mateix només un objecte ordinari</p> - -<pre class="brush: js">Object.prototype.toString.call(WeakSet.prototype); // "[object Object]"</pre> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>WeakSet.prototype.constructor</code></dt> - <dd>Retorna la funció que ha creat un prototip de la instància. Aquesta és la funció {{jsxref("WeakSet")}} per defecte.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("WeakSet.add", "WeakSet.prototype.add(value)")}}</dt> - <dd>Afegeix un nou element amb el valor donat a l'objecte <code>WeakSet.</code></dd> - <dt>{{jsxref("WeakSet.delete", "WeakSet.prototype.delete(value)")}}</dt> - <dd>Elimina l'element associat al <code>value</code>. <code>WeakSet.prototype.has(value)</code> retornarà després <code>false</code>.</dd> - <dt>{{jsxref("WeakSet.has", "WeakSet.prototype.has(value)")}}</dt> - <dd>Retorna un booleà afirmant si un element és o no present amb el valor donat en l'objecte <code>WeakSet</code>.</dd> - <dt><s class="obsoleteElement">{{jsxref("WeakSet.prototype.clear()")}} {{obsolete_inline}}</s></dt> - <dd><s class="obsoleteElement">Elimina tots els elements de l'objecte <code>WeakSet.</code></s></dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-weakset.prototype', 'WeakSet.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definició inicial.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>36</td> - <td>{{ CompatGeckoDesktop(34) }}</td> - <td>{{CompatNo}}</td> - <td>23</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Objecte ordinari</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("40")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome per Android</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{ CompatGeckoMobile(34) }}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Objecte ordinari</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("40")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Set.prototype")}}</li> - <li>{{jsxref("WeakMap.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/index.html b/files/ca/web/javascript/reference/index.html index f524504ab2..f524504ab2 100644 --- a/files/ca/web/javascript/referencia/index.html +++ b/files/ca/web/javascript/reference/index.html diff --git a/files/ca/web/javascript/referencia/operadors/operador_coma/index.html b/files/ca/web/javascript/reference/operators/comma_operator/index.html index f6a62d2bc8..f6a62d2bc8 100644 --- a/files/ca/web/javascript/referencia/operadors/operador_coma/index.html +++ b/files/ca/web/javascript/reference/operators/comma_operator/index.html diff --git a/files/ca/web/javascript/referencia/operadors/conditional_operator/index.html b/files/ca/web/javascript/reference/operators/conditional_operator/index.html index 15265c62b3..15265c62b3 100644 --- a/files/ca/web/javascript/referencia/operadors/conditional_operator/index.html +++ b/files/ca/web/javascript/reference/operators/conditional_operator/index.html diff --git a/files/ca/web/javascript/referencia/operadors/function/index.html b/files/ca/web/javascript/reference/operators/function/index.html index 0908f591b6..0908f591b6 100644 --- a/files/ca/web/javascript/referencia/operadors/function/index.html +++ b/files/ca/web/javascript/reference/operators/function/index.html diff --git a/files/ca/web/javascript/referencia/operadors/grouping/index.html b/files/ca/web/javascript/reference/operators/grouping/index.html index 45e8566806..45e8566806 100644 --- a/files/ca/web/javascript/referencia/operadors/grouping/index.html +++ b/files/ca/web/javascript/reference/operators/grouping/index.html diff --git a/files/ca/web/javascript/referencia/operadors/index.html b/files/ca/web/javascript/reference/operators/index.html index 4a70edc4fb..4a70edc4fb 100644 --- a/files/ca/web/javascript/referencia/operadors/index.html +++ b/files/ca/web/javascript/reference/operators/index.html diff --git a/files/ca/web/javascript/referencia/operadors/super/index.html b/files/ca/web/javascript/reference/operators/super/index.html index c19e58cba1..c19e58cba1 100644 --- a/files/ca/web/javascript/referencia/operadors/super/index.html +++ b/files/ca/web/javascript/reference/operators/super/index.html diff --git a/files/ca/web/javascript/referencia/operadors/typeof/index.html b/files/ca/web/javascript/reference/operators/typeof/index.html index a7407e79ce..a7407e79ce 100644 --- a/files/ca/web/javascript/referencia/operadors/typeof/index.html +++ b/files/ca/web/javascript/reference/operators/typeof/index.html diff --git a/files/ca/web/javascript/referencia/operadors/void/index.html b/files/ca/web/javascript/reference/operators/void/index.html index ddf98ebfd9..ddf98ebfd9 100644 --- a/files/ca/web/javascript/referencia/operadors/void/index.html +++ b/files/ca/web/javascript/reference/operators/void/index.html diff --git a/files/ca/web/javascript/referencia/operadors/yield/index.html b/files/ca/web/javascript/reference/operators/yield/index.html index d01f641767..d01f641767 100644 --- a/files/ca/web/javascript/referencia/operadors/yield/index.html +++ b/files/ca/web/javascript/reference/operators/yield/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/block/index.html b/files/ca/web/javascript/reference/statements/block/index.html index cfa5d7fd20..cfa5d7fd20 100644 --- a/files/ca/web/javascript/referencia/sentencies/block/index.html +++ b/files/ca/web/javascript/reference/statements/block/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/break/index.html b/files/ca/web/javascript/reference/statements/break/index.html index d71eff620d..d71eff620d 100644 --- a/files/ca/web/javascript/referencia/sentencies/break/index.html +++ b/files/ca/web/javascript/reference/statements/break/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/continue/index.html b/files/ca/web/javascript/reference/statements/continue/index.html index a6928d15b7..a6928d15b7 100644 --- a/files/ca/web/javascript/referencia/sentencies/continue/index.html +++ b/files/ca/web/javascript/reference/statements/continue/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/debugger/index.html b/files/ca/web/javascript/reference/statements/debugger/index.html index 54d8d02e3d..54d8d02e3d 100644 --- a/files/ca/web/javascript/referencia/sentencies/debugger/index.html +++ b/files/ca/web/javascript/reference/statements/debugger/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/do...while/index.html b/files/ca/web/javascript/reference/statements/do...while/index.html index 88f221f83d..88f221f83d 100644 --- a/files/ca/web/javascript/referencia/sentencies/do...while/index.html +++ b/files/ca/web/javascript/reference/statements/do...while/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/buida/index.html b/files/ca/web/javascript/reference/statements/empty/index.html index 6800d476f8..6800d476f8 100644 --- a/files/ca/web/javascript/referencia/sentencies/buida/index.html +++ b/files/ca/web/javascript/reference/statements/empty/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/export/index.html b/files/ca/web/javascript/reference/statements/export/index.html index c1d92ab504..c1d92ab504 100644 --- a/files/ca/web/javascript/referencia/sentencies/export/index.html +++ b/files/ca/web/javascript/reference/statements/export/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/for...of/index.html b/files/ca/web/javascript/reference/statements/for...of/index.html index 5cc16f52f8..5cc16f52f8 100644 --- a/files/ca/web/javascript/referencia/sentencies/for...of/index.html +++ b/files/ca/web/javascript/reference/statements/for...of/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/for/index.html b/files/ca/web/javascript/reference/statements/for/index.html index 00a16b62df..00a16b62df 100644 --- a/files/ca/web/javascript/referencia/sentencies/for/index.html +++ b/files/ca/web/javascript/reference/statements/for/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/function/index.html b/files/ca/web/javascript/reference/statements/function/index.html index 37deff748f..37deff748f 100644 --- a/files/ca/web/javascript/referencia/sentencies/function/index.html +++ b/files/ca/web/javascript/reference/statements/function/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/if...else/index.html b/files/ca/web/javascript/reference/statements/if...else/index.html index b45e9bea3c..b45e9bea3c 100644 --- a/files/ca/web/javascript/referencia/sentencies/if...else/index.html +++ b/files/ca/web/javascript/reference/statements/if...else/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/index.html b/files/ca/web/javascript/reference/statements/index.html index e91e446cbf..e91e446cbf 100644 --- a/files/ca/web/javascript/referencia/sentencies/index.html +++ b/files/ca/web/javascript/reference/statements/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/return/index.html b/files/ca/web/javascript/reference/statements/return/index.html index 5b3c3e902a..5b3c3e902a 100644 --- a/files/ca/web/javascript/referencia/sentencies/return/index.html +++ b/files/ca/web/javascript/reference/statements/return/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/throw/index.html b/files/ca/web/javascript/reference/statements/throw/index.html index 37d13b964b..37d13b964b 100644 --- a/files/ca/web/javascript/referencia/sentencies/throw/index.html +++ b/files/ca/web/javascript/reference/statements/throw/index.html diff --git a/files/ca/web/javascript/referencia/sentencies/while/index.html b/files/ca/web/javascript/reference/statements/while/index.html index d3997dbefd..d3997dbefd 100644 --- a/files/ca/web/javascript/referencia/sentencies/while/index.html +++ b/files/ca/web/javascript/reference/statements/while/index.html diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html deleted file mode 100644 index 35ebf53933..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html +++ /dev/null @@ -1,203 +0,0 @@ ---- -title: Array.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Array/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Array/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <strong><code>Array.prototype</code></strong> representa el prototipus del constructor {{jsxref("Array")}}.</p> - -<div>{{js_property_attributes(0, 0, 0)}}</div> - -<h2 id="Description" name="Description">Descripció</h2> - -<p>Les instàncies de {{jsxref("Array")}} hereten de <code>Array.prototype</code>. Com tots els constructors, és possible modificar l'objecte prototipus del constructor per a afectar a totes les instàncies de {{jsxref("Array")}}.</p> - -<p>Fet poc conegut: <code>Array.prototype</code> és ell mateix un {{jsxref("Array")}}:</p> - -<pre class="brush: js">Array.isArray(Array.prototype); // true -</pre> - -<h2 id="Properties" name="Properties">Propietats</h2> - -<dl> - <dt><code>Array.prototype.constructor</code></dt> - <dd>Especifica la funció que ha creat el prototipus de l'objecte.</dd> - <dt>{{jsxref("Array.prototype.length")}}</dt> - <dd>Reflecteix el nombre d'elements d'un array.</dd> -</dl> - -<h2 id="Methods" name="Methods">Mètodes</h2> - -<h3 id="Mutator_methods" name="Mutator_methods">Mètodes Mutadors</h3> - -<p>Els mètodes següents modifiquen l'array:</p> - -<dl> - <dt>{{jsxref("Array.prototype.copyWithin()")}} {{experimental_inline}}</dt> - <dd>Copia una seqüència d'elements de l'array dins l'array.</dd> - <dt>{{jsxref("Array.prototype.fill()")}} {{experimental_inline}}</dt> - <dd>Omple tots els elements d'un array d'una posició inicial a una posició final amb un valor estàtic.</dd> - <dt>{{jsxref("Array.prototype.pop()")}}</dt> - <dd>Elimina l'últim element d'un array i retorna aquest element.</dd> - <dt>{{jsxref("Array.prototype.push()")}}</dt> - <dd>Afegeix un o més elements al final de l'array i retorna el nou tamany de l'array.</dd> - <dt>{{jsxref("Array.prototype.reverse()")}}</dt> - <dd>Capgira l'ordre dels elements d'un array a l'array mateix (no crea cap array nou) — el primer element esdevé l'últim, l'últim esdevé el primer, etcètera.</dd> - <dt>{{jsxref("Array.prototype.shift()")}}</dt> - <dd>Elimina el primer element d'un array i retorna aquest element.</dd> - <dt>{{jsxref("Array.prototype.sort()")}}</dt> - <dd>Ordena els elements d'un array a l'array mateix i retorna l'array.</dd> - <dt>{{jsxref("Array.prototype.splice()")}}</dt> - <dd>Afegeix i/o elimina elements d'un array.</dd> - <dt>{{jsxref("Array.prototype.unshift()")}}</dt> - <dd>Afegeix un o més elements al pricipi d'un array i retorna el nou tamany de l'array.</dd> -</dl> - -<h3 id="Accessor_methods" name="Accessor_methods">Mètodes d'accés</h3> - -<p>Aquests mètodes no modifiquen l'array sino que retornen algun tipus de representació de l'array.</p> - -<dl> - <dt>{{jsxref("Array.prototype.concat()")}}</dt> - <dd>Retorna un nou array format per la unió de l'array actual amb altres arrays o valors.</dd> - <dt>{{jsxref("Array.prototype.includes()")}} {{experimental_inline}}</dt> - <dd>Determina si un array inclou un element en concret, retornant <code>true</code> en cas afirmatiu i <code>false</code> en cas contrari.</dd> - <dt>{{jsxref("Array.prototype.join()")}}</dt> - <dd>Uneix tots els elements d'un array en un string.</dd> - <dt>{{jsxref("Array.prototype.slice()")}}</dt> - <dd>Extrau una secció d'un array i la retorna en forma de nou array.</dd> - <dt>{{jsxref("Array.prototype.toSource()")}} {{non-standard_inline}}</dt> - <dd>Retorna un literal d'array que representa l'array especificat; es pot emprar aquest valor per a crear un nou array. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd> - <dt>{{jsxref("Array.prototype.toString()")}}</dt> - <dd>Retorna un string que representa l'array i els seus elements. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd> - <dt>{{jsxref("Array.prototype.toLocaleString()")}}</dt> - <dd>Retorna un string localitzat que representa l'array i els seus elements. Sobreescriu el mètode {{jsxref("Object.prototype.toLocaleString()")}}.</dd> - <dt>{{jsxref("Array.prototype.indexOf()")}}</dt> - <dd>Retorna la primera posició de l'array en la que es troba un element igual al valor especificat, o bé -1 si no es troba l'element dins l'array.</dd> - <dt>{{jsxref("Array.prototype.lastIndexOf()")}}</dt> - <dd>Retorna la última posició de l'array en la que es troba un element igual al valor especificat, o bé -1 si no es troba l'element dins l'array.</dd> -</dl> - -<h3 id="Iteration_methods" name="Iteration_methods">Mètodes d'iteració</h3> - -<p>Alguns mètodes accepten com a arguments funcions que es cridaran al processar l'array. Quan es criden aquests mètodes, s'emmagatzema el valor de <code>length</code> de l'array i qualsevol element afegit després a dins de la funció no serà visitat per la mateixa. Altres canvis a l'array (com ara canviar un valor o bé eliminar un element) poden afectar els resultats de l'operació si el mètode visita els elements que han canviat. Tot i que el comportament específic d'aquests mètodes en aquests casos està ben definit no es recomana recolzar-se en ell ja que pot confondre a altres programadors que llegeixin el vostre codi. En comptes de modificar l'array copieu-lo i modifiqueu la copia.</p> - -<dl> - <dt>{{jsxref("Array.prototype.forEach()")}}</dt> - <dd>Crida una funció per a cada element de l'array.</dd> - <dt>{{jsxref("Array.prototype.entries()")}} {{experimental_inline}}</dt> - <dd>Retorna un nou objecte <code>Array Iterator</code> que conté parells clau-valor per a cada posició de l'array.</dd> - <dt>{{jsxref("Array.prototype.every()")}}</dt> - <dd>Retorna <code>true</code> si tots els elements de l'array satisfan la funció proporcionada.</dd> - <dt>{{jsxref("Array.prototype.some()")}}</dt> - <dd>Retorna <code>true</code> si al menys un dels elements de l'array satisfà la funció proporcionada.</dd> - <dt>{{jsxref("Array.prototype.filter()")}}</dt> - <dd>Crea un nou array que conté tots eles elements de l'array des d'on es crida que facin que la funció que actua de filtre retorni <code>true</code>.</dd> - <dt>{{jsxref("Array.prototype.find()")}} {{experimental_inline}}</dt> - <dd>Retorna el valor trobat a l'array, si un element de l'array satisfà la funció proporcionada. En cas contrari retorna <code>undefined</code>.</dd> - <dt>{{jsxref("Array.prototype.findIndex()")}} {{experimental_inline}}</dt> - <dd>Retorna la posició on es troba l'element de l'array que satifcaci la funció proporcionada. Retorna <code>-1</code> si cap element la satisfà.</dd> - <dt>{{jsxref("Array.prototype.keys()")}} {{experimental_inline}}</dt> - <dd>Retorna un nou <code>Array Iterator</code> que conté les claus per a cada posició de l'array.</dd> - <dt>{{jsxref("Array.prototype.map()")}}</dt> - <dd>Crea un nou array a partir dels resultats de cridar a la funció proporcionada per a cada element de l'array.</dd> - <dt>{{jsxref("Array.prototype.reduce()")}}</dt> - <dd>Executa una funció sobre un acumulador i cada valor de l'array (aplicats d'esquerra a dreta) amb l'objectiu de redudir els valors a un sol valor.</dd> - <dt>{{jsxref("Array.prototype.reduceRight()")}}</dt> - <dd>Executa una funció sobre un acumulador i cada valor de l'array (aplicats de dreta a esquerra) amb l'objectiu de redudir els valors a un sol valor.</dd> - <dt>{{jsxref("Array.prototype.values()")}} {{experimental_inline}}</dt> - <dd>Retorna un nou objecte <code>Array Iterator</code> que conté els valors de cada posició de l'array.</dd> - <dt>{{jsxref("Array.prototype.@@iterator()", "Array.prototype[@@iterator]()")}} {{experimental_inline}}</dt> - <dd>Retorna un nou objecte <code>Array Iterator</code> que conté els valors per a cada posició de l'array.</dd> -</dl> - -<h3 id="Generic_methods" name="Generic_methods">Mètodes genèrics</h3> - -<p>Molts dels mètodes de l'objecte Array de JavaScript estan dissenyats per a ser aplicats de manera genèrica a qualsevol objecte que tingui la propietat <code>length</code> i que disposin la seva informació en forma de noms de propietats numèrices (com ara <code>array[5]</code> per a accedir a l'element desat a la posició 5). Alguns mètodes, com ara {{jsxref("Array.join", "join")}}, només llegeixen la propietat <code>length</code> i les altes propietats numèriques. D'altres mètodes, com ara {{jsxref("Array.reverse", "reverse")}}, necessiten que tant les propietats numèriques com la propietat <code>length</code> siguin mutables; això implica que aquests mètodes no es poden fer servir sobre objectes com ara {{jsxref("String")}}, on la seva propietat <code>length</code> així com les propietats numèriques no es poden modificar.</p> - -<h2 id="Specificacions">Specificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificacions</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES1')}}</td> - <td>{{Spec2('ES1')}}</td> - <td>Definició inicial.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.4.3.1', 'Array.prototype')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-array.prototype', 'Array.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Vegeu també</h2> - -<ul> - <li>{{jsxref("Array")}}</li> - <li>{{jsxref("Function.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html deleted file mode 100644 index e0845eb102..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html +++ /dev/null @@ -1,118 +0,0 @@ ---- -title: Boolean.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Boolean/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Boolean -translation_of_original: Web/JavaScript/Reference/Global_Objects/Boolean/prototype ---- -<div>{{JSRef("Global_Objects", "Boolean")}}</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p>La propietat <strong><code>Boolean.prototype</code></strong> representa el prototipus pel constructor {{jsxref("Global_Objects/Boolean", "Boolean")}}.</p> - -<div>{{js_property_attributes(0, 0, 0)}}</div> - -<h2 id="Description" name="Description">Descripció</h2> - -<p>Les instàncies de {{jsxref("Global_Objects/Boolean", "Boolean")}} hereten de<code> Boolean.prototype</code>. Es pot emprar l'objecte prototipus del constructor per a afegir noves propietats o mètodes a totes les instàncies de {{jsxref("Global_Objects/Boolean", "Boolean")}}.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>Boolean.prototype.constructor</code></dt> - <dd>Retorna la funció que ha creat la instància del prototipus. Aquesta funció és {{jsxref("Global_Objects/Boolean", "Boolean")}} per defecte.</dd> -</dl> - -<div>{{jsOverrides("Object", "properties", "constructor")}}</div> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("Boolean.prototype.toSource()")}} {{non-standard_inline}}</dt> - <dd>Retorna una cadena de caràcters que conté el codi fond de l'objecte {{jsxref("Global_Objects/Boolean", "Boolean")}}; aquesta pot utilitzar-se per a crear un objecte equivalent. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd> - <dt>{{jsxref("Boolean.prototype.toString()")}}</dt> - <dd>Retorna una cadena de caràcters que valdrà o bé <code>"true"</code> o bé <code>"false"</code>, depenent del valor que l'objecte representi. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd> - <dt>{{jsxref("Boolean.prototype.valueOf()")}}</dt> - <dd>Retorna el valor primitiu de l'objecte {{jsxref("Global_Objects/Boolean", "Boolean")}}. Sobreescriu el mètode {{jsxref("Object.prototype.valueOf()")}}.</dd> -</dl> - -<div>{{jsOverrides("Object", "methods", "toSource", "toString", "valueOf")}}</div> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>ECMAScript 1a Edició.</td> - <td>Standard</td> - <td>Definició inicial. Implementat a JavaScript 1.0.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.6.3.1', 'Boolean.prototype')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-boolean.prototype', 'Boolean.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html deleted file mode 100644 index 91e2dff38f..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html +++ /dev/null @@ -1,222 +0,0 @@ ---- -title: Date.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Date/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Date -translation_of_original: Web/JavaScript/Reference/Global_Objects/Date/prototype ---- -<div>{{JSRef("Global_Objects", "Date")}}</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p>La propietat <strong><code>Date.prototype</code></strong> representa el prototipus per al constructor {{jsxref("Global_Objects/Date", "Date")}}.</p> - -<div>{{js_property_attributes(0, 0, 1)}}</div> - -<h2 id="Description" name="Description">Descripció</h2> - -<p>Les instàncies de JavaScript de {{jsxref("Global_Objects/Date", "Date")}} hereten de<code> Date.prototype</code>. L'objecte prototipus del constructor pot modificar-se per a afectar a les propietats i mètodes heretats per les instàncies de {{jsxref("Global_Objects/Date", "Date")}}.</p> - -<p>Per a compatibilitat amb càlculs amb milenis (en altres paraules, per a tindre en compte l'any 2000), sempre s'hauria d'especificar l'any sencer, per exemple, 1998, en comptes de 98. Per a ajudar a proveïr l'any sencer JavaScript inclou els mètodes {{jsxref("Date.prototype.getFullYear()", "getFullYear()")}}, {{jsxref("Date.prototype.setFullYear()", "setFullYear()")}}, {{jsxref("Date.prototype.getUTCFullYear()", "getUTCFullYear()")}} i {{jsxref("Date.prototype.setUTCFullYear()", "setUTCFullYear()")}}.</p> - -<h2 id="Properties" name="Properties">Propietats</h2> - -<dl> - <dt><code>Date.prototype.constructor</code></dt> - <dd>Retorna la funció que va crear la instància. És a dir, per defecte el constructor {{jsxref("Global_Objects/Date", "Date")}}.</dd> -</dl> - -<div>{{jsOverrides("Object", "properties", "constructor")}}</div> - -<h2 id="Methods" name="Methods">Mètodes</h2> - -<h3 id="Getter">Getter</h3> - -<dl> - <dt>{{jsxref("Date.prototype.getDate()")}}</dt> - <dd>Retorna el dia del mes (1-31) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getDay()")}}</dt> - <dd>Retorna el dia de la setmana (0-6) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getFullYear()")}}</dt> - <dd>Retorna l'any (4 digits per a anys de 4 digits) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getHours()")}}</dt> - <dd>Retorna l'hora (0-23) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getMilliseconds()")}}</dt> - <dd>Retorna els milisegons (0-999) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getMinutes()")}}</dt> - <dd>Retorna els minuts (0-59) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getMonth()")}}</dt> - <dd>Retorna el mes (0-11) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getSeconds()")}}</dt> - <dd>Retorna els segons (0-59) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.getTime()")}}</dt> - <dd>Retorna un valor numèric per a la data especificada que representa la data especificada com al nombre de milisegons que han passat des de l'1 de gener de 1970, 00:00:00 UTC (negatiu per a dates anteriors).</dd> - <dt>{{jsxref("Date.prototype.getTimezoneOffset()")}}</dt> - <dd>Retorna la diferència d'ús horari en minuts del temps local.</dd> - <dt>{{jsxref("Date.prototype.getUTCDate()")}}</dt> - <dd>Retorna el dia del mes (1-31) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCDay()")}}</dt> - <dd>Retorna el dia de la setmana (0-6) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCFullYear()")}}</dt> - <dd>Retorna l'any (4 digits per a anys de 4 digits) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCHours()")}}</dt> - <dd>Retorna l'hora (0-23) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</dt> - <dd>Retorna els milisegons (0-999) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCMinutes()")}}</dt> - <dd>Retorna els minuts (0-59) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCMonth()")}}</dt> - <dd>Retorna el mes (0-11) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getUTCSeconds()")}}</dt> - <dd>Retorna els segons (0-59) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.getYear()")}} {{deprecated_inline}}</dt> - <dd>Retorna l'any (normalment 2-3 digits) per a la data especificada, en temps local. En comptes d'aquest mètode, utilitzeu {{jsxref("Date.prototype.getFullYear()", "getFullYear()")}}.</dd> -</dl> - -<h3 id="Setter">Setter</h3> - -<dl> - <dt>{{jsxref("Date.prototype.setDate()")}}</dt> - <dd>Assigna el dia del mes per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setFullYear()")}}</dt> - <dd>Assigna l'any sencer (és a dir, de 4 digits per a un any amb 4 digits) per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setHours()")}}</dt> - <dd>Assigna l'hora per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setMilliseconds()")}}</dt> - <dd>Assigna els milisegons per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setMinutes()")}}</dt> - <dd>Assigna els minuts per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setMonth()")}}</dt> - <dd>Assigna el mes per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setSeconds()")}}</dt> - <dd>Assigna els segons per a la data especificada, en temps local.</dd> - <dt>{{jsxref("Date.prototype.setTime()")}}</dt> - <dd>Assigna la data que representarà la instància de l'objecte {{jsxref("Global_Objects/Date", "Date")}} al temps representat pel nombre de milisegons passats des de l'1 de gener de 1970, 00:00:00 UTC. Permet nombres negatius per a temps anteriors a aquesta data.</dd> - <dt>{{jsxref("Date.prototype.setUTCDate()")}}</dt> - <dd>Assigna el dia del mes per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setUTCFullYear()")}}</dt> - <dd>Assigna l'any sencer (és a dir, 4 digits per a anys de 4 digits) per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setUTCHours()")}}</dt> - <dd>Assigna l'hora per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setUTCMilliseconds()")}}</dt> - <dd>Assigna els milisegons per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setUTCMinutes()")}}</dt> - <dd>Assigna els minuts per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setUTCMonth()")}}</dt> - <dd>Assigna el mes per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setUTCSeconds()")}}</dt> - <dd>Assigna els segons per a la data especificada en temps universal (UTC).</dd> - <dt>{{jsxref("Date.prototype.setYear()")}} {{deprecated_inline}}</dt> - <dd>Assigna l'any (normalment 2-3 digits) per a la data especificada en temps local. Utilitzeu {{jsxref("Date.prototype.setFullYear()", "setFullYear()")}} en comptes d'aquest mètode.</dd> -</dl> - -<h3 id="Getters_amb_conversió">Getters amb conversió</h3> - -<dl> - <dt>{{jsxref("Date.prototype.toDateString()")}}</dt> - <dd>Retorna la part part de data de {{jsxref("Global_Objects/Date", "Date")}} com a string inteligible per humans.</dd> - <dt>{{jsxref("Date.prototype.toISOString()")}}</dt> - <dd>Converteix una data a un string seguint el Format Extés del ISO 8601.</dd> - <dt>{{jsxref("Date.prototype.toJSON()")}}</dt> - <dd>Retorna un string que representa l'objecte {{jsxref("Global_Objects/Date", "Date")}} utilitzant {{jsxref("Date.prototype.toISOString()", "toISOString()")}}. Ideat per a ser usat per {{jsxref("JSON.stringify()")}}.</dd> - <dt>{{jsxref("Date.prototype.toGMTString()")}} {{deprecated_inline}}</dt> - <dd>Retorna un string que representa l'objecte {{jsxref("Global_Objects/Date", "Date")}} basat en la zona horària GMT (UT). Utilitzeu {{jsxref("Date.prototype.toUTCString()", "toUTCString()")}} en comptes d'aquest mètode.</dd> - <dt>{{jsxref("Date.prototype.toLocaleDateString()")}}</dt> - <dd>Retorna un string que representa la part de la data amb temps local, basat en la configuració del sistema.</dd> - <dt>{{jsxref("Date.prototype.toLocaleFormat()")}} {{non-standard_inline}}</dt> - <dd>Converteix una data a string tot utilitzant un format string.</dd> - <dt>{{jsxref("Date.prototype.toLocaleString()")}}</dt> - <dd>Retorna un string que representa la data tenint en compte el temps local. Sobreescriu el mètode {{jsxref("Object.prototype.toLocaleString()")}}.</dd> - <dt>{{jsxref("Date.prototype.toLocaleTimeString()")}}</dt> - <dd>Retorna un string que representa la part de temps de la data local basada en la configuració del sistema.</dd> - <dt>{{jsxref("Date.prototype.toSource()")}} {{non-standard_inline}}</dt> - <dd>Retorna un string que representa el codi font per a un objecte {{jsxref("Global_Objects/Date", "Date")}} equivalent; aquest valor pot emprar-se per a crear un nou objecte. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd> - <dt>{{jsxref("Date.prototype.toString()")}}</dt> - <dd>Retorna un string que representa l'objecte {{jsxref("Global_Objects/Date", "Date")}} especificat. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd> - <dt>{{jsxref("Date.prototype.toTimeString()")}}</dt> - <dd>Retorna la part de temps de l'objecte {{jsxref("Global_Objects/Date", "Date")}} com a string comprensible per humans.</dd> - <dt>{{jsxref("Date.prototype.toUTCString()")}}</dt> - <dd>Converteix una data a un string utilitzant la zona horària UTC.</dd> - <dt>{{jsxref("Date.prototype.valueOf()")}}</dt> - <dd>Retorna el valor primitiu d'un objecte {{jsxref("Global_Objects/Date", "Date")}}. Sobreescriu el mètode {{jsxref("Object.prototype.valueOf()")}}.</dd> -</dl> - -<div>{{jsOverrides("Object", "methods", "getDate", "getDay", "getFullYear", "getHours", "getMilliseconds", "getMinutes", "getMonth", "getSeconds", "getTime", "getTimezoneOffset", "getUTCDate", "getUTCDay", "getUTCFullYear", "getUTCHours", "getUTCMilliseconds", "getUTCMinutes", "getUTCMonth", "getUTCSeconds", "getYear", "setdate", "setFullYear", "setHours", "setMilliseconds", "setMinutes", "setMontth", "setSeconds", "setTime", "setUTCDate", "setUTCFullYear", "setUTCHours", "setUTCMilliseconds", "setUTCMinutes", "setUTCMonth", "setUTCSeconds", "setYear", "toDateString", "toGMTString", "toLocaleDateString", "toLocaleFormat", "toLocaleString", "toLocaleTimeString", "toSource", "toString", "toTimeString", "toUTCString", "valueOf")}}</div> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>ECMAScript 1a Edició.</td> - <td>Standard</td> - <td>Definició inicial. Implementat a JavaScript 1.1.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.9.5', 'Date.prototype')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-properties-of-the-date-prototype-object', 'Date.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html deleted file mode 100644 index 53e22669e9..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html +++ /dev/null @@ -1,151 +0,0 @@ ---- -title: Error.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Error/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Error -translation_of_original: Web/JavaScript/Reference/Global_Objects/Error/prototype ---- -<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}}</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p>La propietat <code><strong>Error.prototype</strong></code> representa el prototipus per al constructor {{jsxref("Global_Objects/Error", "Error")}}.</p> - -<div>{{js_property_attributes(0, 0, 0)}}</div> - -<h2 id="Description" name="Description">Descripció</h2> - -<p>Totes les instàncies de {{jsxref("Global_Objects/Error", "Error")}} i les instàncies de {{jsxref("Global_Objects/Error", "non-generic errors", "#Error_types", 1)}} heretèn de <code>Error.prototype</code>. Com totes les funcions constructores, es pot utilitzar el prototipus del constructor per a afegir propietats o mètodes a totes les instànces creades amb aquest constructor.</p> - -<h2 id="Properties" name="Properties">Propietats</h2> - -<h3 id="Standard_properties" name="Standard_properties">Propietats standard</h3> - -<dl> - <dt><code>Error.prototype.constructor</code></dt> - <dd>Especifica la funció que ha creat la instància del prototipus.</dd> - <dt>{{jsxref("Error.prototype.message")}}</dt> - <dd>Missatge d'error.</dd> - <dt>{{jsxref("Error.prototype.name")}}</dt> - <dd>Nom de l'error.</dd> -</dl> - -<h3 id="Vendor-specific_extensions" name="Vendor-specific_extensions">Extensions específiques del venedor</h3> - -<div>{{non-standard_header}}</div> - -<h4 id="Microsoft" name="Microsoft">Microsoft</h4> - -<dl> - <dt>{{jsxref("Error.prototype.description")}}</dt> - <dd>Descripció de l'error. Similar a {{jsxref("Error.prototype.message", "message")}}.</dd> - <dt>{{jsxref("Error.prototype.number")}}</dt> - <dd>Nombre de l'error.</dd> -</dl> - -<h4 id="Mozilla" name="Mozilla">Mozilla</h4> - -<dl> - <dt>{{jsxref("Error.prototype.fileName")}}</dt> - <dd>Ruta al fitxer que ha llençat l'error.</dd> - <dt>{{jsxref("Error.prototype.lineNumber")}}</dt> - <dd>Línia del fitxer que ha llençat l'error.</dd> - <dt>{{jsxref("Error.prototype.columnNumber")}}</dt> - <dd>Nombre de columna de la línia que ha llençat l'error.</dd> - <dt>{{jsxref("Error.prototype.stack")}}</dt> - <dd>Conté la traça de l'error.</dd> -</dl> - -<h2 id="Methods" name="Methods">Mètodes</h2> - -<dl> - <dt>{{jsxref("Error.prototype.toSource()")}} {{non-standard_inline}}</dt> - <dd>Retorna un string que conté el codi font de l'objecte {{jsxref("Global_Objects/Error", "Error")}} especificat; es pot emprar aquest valor per a crear un objecte nou. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd> - <dt>{{jsxref("Error.prototype.toString()")}}</dt> - <dd>Retorna un string que representa l'objecte especificat. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>ECMAScript 1a Edició.</td> - <td>Standard</td> - <td>Definició inicial. Implementat a JavaScript 1.1.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.11.3.1', 'Error')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-error.prototype', 'Error')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Vegeu també</h2> - -<ul> - <li>{{jsxref("Error")}}</li> - <li>{{jsxref("Object.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html deleted file mode 100644 index 3a7508f042..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Map.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Map/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Map -translation_of_original: Web/JavaScript/Reference/Global_Objects/Map/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>Map</strong></code><strong><code>.prototype</code></strong> representa el prototipus per al constructor de {{jsxref("Map")}}.</p> - -<div>{{js_property_attributes(0,0,0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Les instàncies de {{jsxref("Map")}} hereten de {{jsxref("Map.prototype")}}. Es pot utilitzar el prototipus de l'objecte constructor per a afegir propietats o mètodes a totes les instàncies de <code>Map</code>.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>Map.prototype.constructor</code></dt> - <dd>Retorna la funció que ha creat el una instància del prototipus. Per defecte és la funció {{jsxref("Map")}}.</dd> - <dt>{{jsxref("Map.prototype.size")}}</dt> - <dd>Retorna el nombre de parells clau-valor que conté l'objecte <code>Map</code>.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("Map.prototype.clear()")}}</dt> - <dd>Elimina tots els parells clau-valor de l'objecte <code>Map</code>.</dd> - <dt>{{jsxref("Map.delete", "Map.prototype.delete(clau)")}}</dt> - <dd>Elimina el valor associat a la clau especificada i retorna el valor que el mètode <code>Map.prototype.has(valor)</code> hagués retornat abans d'eliminar-lo. <code>Map.prototype.has(clau)</code> retornarà <code>false</code> després de cridar aquest mètode.</dd> - <dt>{{jsxref("Map.prototype.entries()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté<strong> un array de <code>[clau, valor]</code></strong> per a cada element dins l'objecte <code>Map</code>, en estricte ordre d'inserció.</dd> - <dt>{{jsxref("Map.forEach", "Map.prototype.forEach(callbackFn[, thisArg])")}}</dt> - <dd>Crida <code>callbackFn</code> per a cada parell clau-valor present a l'objecte <code>Map</code>, recorreguts per ordre d'inserció. Si es proporciona el paràmetre <code>thisArg</code>, aquest s'utilitzarà com a valor de <em>this</em> per a cada crida a <code>callbackFn</code>.</dd> - <dt>{{jsxref("Map.get", "Map.prototype.get(clau)")}}</dt> - <dd>Retorna el valor associat a la clau, o bé <code>undefined</code> si aquesta clau no té cap valor associat.</dd> - <dt>{{jsxref("Map.has", "Map.prototype.has(clau)")}}</dt> - <dd>Retorna un booleà que especifica si la clau té un valor associat en aquest objecte <code>Map</code> o no.</dd> - <dt>{{jsxref("Map.prototype.keys()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté les <strong>claus</strong> de cada element de l'objecte <code>Map</code>, en ordre d'inserció.</dd> - <dt>{{jsxref("Map.set", "Map.prototype.set(clau, valor)")}}</dt> - <dd>Assigna <code>valor</code> a la <code>clau</code> a l'objecte <code>Map</code>. Retorna l'objecte <code>Map</code>.</dd> - <dt>{{jsxref("Map.prototype.values()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté els <code>valors</code> de cada element de l'objecte <code>Map</code>, en ordre d'inserció.</dd> - <dt>{{jsxref("Map.@@iterator", "Map.prototype[@@iterator]()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté <strong>un array de <code>[clau, valor]</code></strong> per a cada element de l'objecte <code>Map</code>, en ordre d'inserció.</dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-map.prototype', 'Map.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definició inicial.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>38</td> - <td>{{ CompatGeckoDesktop("13") }}</td> - <td>11</td> - <td>25</td> - <td>7.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatNo}}</td> - <td>38</td> - <td>{{CompatGeckoMobile("13")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td> - <p>8</p> - </td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Set.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html deleted file mode 100644 index ae733e56ec..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Number.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Number/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Number -translation_of_original: Web/JavaScript/Reference/Global_Objects/Number/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <strong><code>Number.prototype</code></strong> representa el prototipus per al constructor {{jsxref("Number")}}.</p> - -<div>{{js_property_attributes(0, 0, 0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Totes les instàncies de {{jsxref("Number")}} hereten de <code>Number.prototype</code>. L'objecte prototipus del constructor de {{jsxref("Number")}} pot ser modificat per a afectar totes les instàncies de {{jsxref( "Number")}}.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>Number.prototype.constructor</code></dt> - <dd>Retorna la funció que ha creat la instància d'aquest objecte. Per defecte aquesta és l'objecte {{jsxref("Number")}}.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("Number.prototype.toExponential()")}}</dt> - <dd>Retorna un string que representa el nombre en notació exponencial.</dd> - <dt>{{jsxref("Number.prototype.toFixed()")}}</dt> - <dd>Retorna un string que representa el nombre en notació de punt fixe.</dd> - <dt>{{jsxref("Number.prototype.toLocaleString()")}}</dt> - <dd>Retorna un string amb una representació d'aquest nombbre sensible a la llengua. Sobreescriu el mètode {{jsxref("Object.prototype.toLocaleString()")}}.</dd> - <dt>{{jsxref("Number.prototype.toPrecision()")}}</dt> - <dd>Retorna un string amb una representació de precisió de punt fixe o notació exponencial del nombre.</dd> - <dt>{{jsxref("Number.prototype.toSource()")}} {{non-standard_inline}}</dt> - <dd>Retorna un objecte literal que representa l'objecte {{jsxref("Number")}} especificat; aquest valor pot ser emprat per a crear un nou objecte. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd> - <dt>{{jsxref("Number.prototype.toString()")}}</dt> - <dd>Retorna un string que representa l'objecte especificat en el radi (base) especificat. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd> - <dt>{{jsxref("Number.prototype.valueOf()")}}</dt> - <dd>Retorna el valor primitiu de l'objecte especificat. Sobreescriu el mètode {{jsxref("Object.prototype.valueOf()")}}.</dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES1')}}</td> - <td>{{Spec2('ES1')}}</td> - <td>Definició inicial. Implementat a JavaScript 1.1.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.7.4', 'Number')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-properties-of-the-number-prototype-object', 'Number')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Number")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html deleted file mode 100644 index 9d6f6e90ee..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: Set.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/Set/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/Set -translation_of_original: Web/JavaScript/Reference/Global_Objects/Set/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>Set</strong></code><strong><code>.prototype</code></strong> representa el prototipus per al constructor de {{jsxref("Set")}}.</p> - -<div>{{js_property_attributes(0,0,0)}}</div> - -<h2 id="Descripció">Descripció</h2> - -<p>Les instàncies de {{jsxref("Set")}} hereten de {{jsxref("Set.prototype")}}. Es pot utilitzar el l'objecte prototipus del constructor per a afegir propietats o mètodes a totes les instàncies de <code>Set</code>.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>Set.prototype.constructor</code></dt> - <dd>Retorna la funció que ha creat la instància del prototipus. Per defecte es tracta de la funció {{jsxref("Set")}}.</dd> - <dt>{{jsxref("Set.prototype.size")}}</dt> - <dd>Retorna el nombre de valors emmagatzemats dins l'objecte <code>Set</code>.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<dl> - <dt>{{jsxref("Set.add", "Set.prototype.add(valor)")}}</dt> - <dd>Afegeix un nou element a l'objecte <code>Set</code> amb el valor donat. Retorna l'objecte <code>Set</code>.</dd> - <dt>{{jsxref("Set.prototype.clear()")}}</dt> - <dd>Elimina tots els elements de l'objecte <code>Set</code>.</dd> - <dt>{{jsxref("Set.delete", "Set.prototype.delete(valor)")}}</dt> - <dd>Elimina l'element associat a <code>valor</code> i retorna el que el mètode <code>Set.prototype.has(valor)</code> hagués retornat prèviament a aquesta crida. Després d'aquesta crida <code>Set.prototype.has(valor)</code> retornarà <code>false</code>.</dd> - <dt>{{jsxref("Set.prototype.entries()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté <strong>un array de la forma <code>[valor, valor]</code></strong> per a cada element dins l'objecte <code>Set</code>, en ordre d'inserció. El array retornat manté similitud amb el comportament de l'objecte <code>Map</code>, de forma que cada entrada té el mateix valor per a la seva <em>clau</em> i <em>valor</em>.</dd> - <dt>{{jsxref("Set.forEach", "Set.prototype.forEach(callbackFn[, thisArg])")}}</dt> - <dd>Crida <code>callbackFn</code> per a cada valor present a l'objecte <code>Set</code>, recorreguts per ordre d'inserció. Si es proporciona el paràmetre <code>thisArg</code>, aquest s'utilitzarà com a valor de <em>this</em> per a cada crida a <code>callbackFn</code>.</dd> - <dt>{{jsxref("Set.has", "Set.prototype.has(value)")}}</dt> - <dd>Retorna un booleà que especifica si la clau té un valor associat en aquest objecte <code>Set</code> o no.</dd> - <dt>{{jsxref("Set.prototype.keys()")}}</dt> - <dd>Es tracta de la mateixa funció que la funció <strong><code>values()</code></strong> i retorna un nou objecte <code>Iterator</code> que conté els valors per a cada element de l'objecte <code>Set</code>, en ordre d'inserció.</dd> - <dt>{{jsxref("Set.prototype.values()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté els <strong>valors</strong><strong> </strong>de cada element de l'objecte <code>Set</code>, en ordre d'inserció.</dd> - <dt>{{jsxref("Set.prototype.@@iterator()", "Set.prototype[@@iterator]()")}}</dt> - <dd>Retorna un nou objecte <code>Iterator</code> que conté els <strong>valors</strong><strong> </strong>de cada element de l'objecte <code>Set</code>, en ordre d'inserció.</dd> -</dl> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-set.prototype', 'Set.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definició inicial.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>38</td> - <td>{{ CompatGeckoDesktop("13") }}</td> - <td>11</td> - <td>25</td> - <td>7.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatNo}}</td> - <td>38</td> - <td>{{ CompatGeckoMobile("13") }}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td> - <p>8</p> - </td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Map.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html deleted file mode 100644 index 35aea642bd..0000000000 --- a/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html +++ /dev/null @@ -1,122 +0,0 @@ ---- -title: SyntaxError.prototype -slug: Web/JavaScript/Referencia/Objectes_globals/SyntaxError/prototype -translation_of: Web/JavaScript/Reference/Global_Objects/SyntaxError -translation_of_original: Web/JavaScript/Reference/Global_Objects/SyntaxError/prototype ---- -<div>{{JSRef}}</div> - -<p>La propietat <code><strong>SyntaxError.prototype</strong></code> representa el prototip pel constructor {{jsxref("SyntaxError")}}.</p> - -<h2 id="Descripció">Descripció</h2> - -<p>Totes les instàncies {{jsxref("SyntaxError")}} hereten de <code>SyntaxError.prototype</code>. Es pot utilitzar el prototipus per afegir propietats o mètodes a totes les instàncies.</p> - -<h2 id="Propietats">Propietats</h2> - -<dl> - <dt><code>SyntaxError.prototype.constructor</code></dt> - <dd>Especifica la funció que ha creat el prototip d'una instància.</dd> - <dt>{{jsxref("Error.prototype.message", "SyntaxError.prototype.message")}}</dt> - <dd>Missatge d'error. Tot i que l'ECMA-262 especifica que {{jsxref("SyntaxError")}} hauria de proveir la seva pròpia propietat <code>message,</code> en <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a>, hereta {{jsxref("Error.prototype.message")}}.</dd> - <dt>{{jsxref("Error.prototype.name", "SyntaxError.prototype.name")}}</dt> - <dd>Nom de l'herror. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.fileName", "SyntaxError.prototype.fileName")}}</dt> - <dd>Ruta a l'arxiu que llança aquest error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.lineNumber", "SyntaxError.prototype.lineNumber")}}</dt> - <dd>Número de línia en el fitxa que llança aquest error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.columnNumber", "SyntaxError.prototype.columnNumber")}}</dt> - <dd>Número de columna en línia que llança aquest error. Heretat de {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.stack", "SyntaxError.prototype.stack")}}</dt> - <dd>Traça de l'error. Heretat de {{jsxref("Error")}}.</dd> -</dl> - -<h2 id="Mètodes">Mètodes</h2> - -<p>Tot i que l'objecte prototip {{jsxref("SyntaxError")}} no conté cap mètode per si mateix, instàncies de{{jsxref("SyntaxError")}} heretes alguns mètodes a través de la cadena prototip.</p> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>{{SpecName('ES3')}}</td> - <td>{{Spec2('ES3')}}</td> - <td>Definició inicial</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-15.11.7.6', 'NativeError.prototype')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-nativeerror.prototype', 'NativeError.prototype')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome per Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li>{{jsxref("Error.prototype")}}</li> - <li>{{jsxref("Function.prototype")}}</li> -</ul> diff --git a/files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html b/files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html deleted file mode 100644 index 9b6816c2d6..0000000000 --- a/files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html +++ /dev/null @@ -1,287 +0,0 @@ ---- -title: Operadors aritmètics -slug: Web/JavaScript/Referencia/Operadors/Arithmetic_Operators -translation_of: Web/JavaScript/Reference/Operators -translation_of_original: Web/JavaScript/Reference/Operators/Arithmetic_Operators ---- -<div> -<div>{{jsSidebar("Operators")}}</div> -</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p><strong>Els operadors aritmètics</strong> prenen valors numèrics (poden ser tant literals com ser variables) com a operands seus i retornen un valor numèric únic. Els operadors aritmètics estàndards són la suma (+), la resta (-), la multiplicació (*), i la divisió (/).</p> - -<h2 id="Suma_()"><a name="Addition">Suma (+)</a></h2> - -<p>L'operador <em>Suma</em> produeix la suma dels operands numèrics o de la concatenació de cadenes.</p> - -<h3 id="Sintaxi">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> x + y -</pre> - -<h3 id="Exemples">Exemples</h3> - -<pre class="brush: js">// Nombre + Nombre -> suma -1 + 2 // 3 - -// Booleà + Nombre -> suma -true + 1 // 2 - -// Booleà + Booleà -> suma -false + false // 0 - -// Nombre + String -> concatenació -5 + "foo" // "5foo" - -// String + Booleà -> concatenació -"foo" + false // "foofalse" - -// String + String -> concatenació -"foo" + "bar" // "foobar" -</pre> - -<h2 id="Resta_(-)"><a name="Subtraction">Resta (-)</a></h2> - -<p>L'operador <em>resta</em> produeix la resta de dos operands, produint la seva diferència.</p> - -<h3 id="Sintaxi_2">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> x - y -</pre> - -<h3 id="Exemples_2">Exemples</h3> - -<pre class="brush: js">5 - 3 // 2 -3 - 5 // -2 -"foo" - 3 // NaN</pre> - -<h2 id="Divisió_()"><a name="Division">Divisió (/)</a></h2> - -<p>L'operador divisió produeix el quocient dels seus operands on el operand de l'esquerra és el dividend, i l'operand de la dreta és el divisor.</p> - -<h3 id="Sintaxi_3">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> x / y -</pre> - -<h3 id="Exemples_3">Exemples</h3> - -<pre class="brush: js">1 / 2 // retorna 0.5 a JavaScript -1 / 2 // retorna 0 in Java -// (cap dels nombres és explícitament n nombre de coma flotant) - -1.0 / 2.0 // retorna 0.5 a JavaScript i Java - -2.0 / 0 // retorna Infinity a JavaScript -2.0 / 0.0 // també retorna Infinity -2.0 / -0.0 // retorna -Infinity a JavaScript</pre> - -<h2 id="Multiplicació_(*)"><a name="Multiplication">Multiplicació (*)</a></h2> - -<p>L'operador <em>multiplicació</em> produeix el producte dels operands.</p> - -<h3 id="Sintaxi_4">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> x * y -</pre> - -<h3 id="Exemples_4">Exemples</h3> - -<pre class="brush: js">2 * 2 // 4 --2 * 2 // -4 -Infinity * 0 // NaN -Infinity * Infinity // Infinity -"foo" * 2 // NaN -</pre> - -<h2 id="Mòdul_()"><a name="Remainder">Mòdul (%)</a></h2> - -<p>L'operador<em> mòdul </em>retorna el mòdul del primer operand amb el segon, això és, <code>var1</code> modulo <code>var2</code> en la sentència prèvia, on <code>var1</code> i <code>var2 </code>són variables. La funció mòdul és la resta entera de dividir <code>var1</code> <code>per var2</code>. <a href="http://wiki.ecmascript.org/doku.php?id=strawman:modulo_operator" title="http://wiki.ecmascript.org/doku.php?id=strawman:modulo_operator">Hi ha una proposta per a implementar un operador mòdul real en una futura versió de l'ECMAScript.</a></p> - -<h3 id="Sintaxi_5">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> var1 % var2 -</pre> - -<h3 id="Exemples_5">Exemples</h3> - -<pre class="brush: js">12 % 5 // 2 --1 % 2 // -1 -NaN % 2 // NaN -</pre> - -<h2 id="Increment_()"><a name="Increment">Increment (++)</a></h2> - -<p>L'operador <em>increment</em> incrementa (afegeix un) al seu operand i retorna un valor.</p> - -<ul> - <li>Emprat com a sufix, és a dir, amb l'operador després de l'operand (per exemple: x++), retorna el valor de l'operand abans d'incrementar-lo.</li> - <li>Emprat com a prefix, és a dir, amb l'operador precedint l'operand (per exemple: ++x), retorna el valor de l'operand després d'incrementar-lo.</li> -</ul> - -<h3 id="Sintaxi_6">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> x++ or ++x -</pre> - -<h3 id="Exemples_6">Exemples</h3> - -<pre class="brush: js">// Sufix -var x = 3; -y = x++; // y = 3, x = 4 - -// Prefix -var a = 2; -b = ++a; // a = 3, b = 3 -</pre> - -<h2 id="Decrement_(--)"><a name="Decrement">Decrement (--)</a></h2> - -<p>L'operador <em>decrement</em> decrementa (resta un) al seu operand i retorna el seu valor.</p> - -<ul> - <li>Emprat com a sufix, és a dir, amb l'operador després de l'operand (per exemple: x--), retorna el valor de l'operand abans de decrementar-lo.</li> - <li>Emprat com a prefix, és a dir, amb l'operador precedint l'operand (per exemple: --x), retorna el valor de l'operand després de decrementar-lo.</li> -</ul> - -<h3 id="Sintaxi_7">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> x-- or --x -</pre> - -<h3 id="Exemples_7">Exemples</h3> - -<pre class="brush: js">// Sufix -var x = 3; -y = x--; // y = 3, x = 2 - -// Prefix -var a = 2; -b = --a; // a = 1, b = 1 -</pre> - -<h2 id="Negació_unària_(-)"><a name="Unary_negation">Negació unària (-)</a></h2> - -<p>L'operador de negació unària precedeix el seu operand i el nega.</p> - -<h3 id="Sintaxi_8">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operator:</strong> -x -</pre> - -<h3 id="Exemples_8">Exemples</h3> - -<pre class="brush: js">var x = 3; -y = -x; // y = -3, x = 3 -</pre> - -<h2 id="Operador_unari_de_conversió_a_nombre_()"><a name="Unary_plus">Operador unari de conversió a nombre</a> (+)</h2> - -<p>L'operador unari de conversió a nombre precedeix el seu operand i intenta convertir-lo en un nombre si no ho és ja. Tot i que l'operand de negació unària també pot convertir no-nombres, l'operador de conversió és el mètode més ràpid i recomanat per a convertir quelcom a un nombre ja que no realitza cap altra operació al nombre. Pot convertir cadenes de caràcters representant sencers i nombres en coma flotant, així com els valors <code>true</code>, <code>false</code> i <code>null</code>. Quant a nombres sencers, tant la notació decimal com la hexadecimal (denotada amb el prefixe "0x") estàn suportades. Els nombres negatius també estàn suportats (tot i que no per a hexadecimals). Si no pot interpretar un valor determinat l'operador retornarà<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN"> NaN</a>.</p> - -<h3 id="Sintaxi_9">Sintaxi</h3> - -<pre class="syntaxbox"><strong>Operador:</strong> +x -</pre> - -<h3 id="Exemples_9">Exemples</h3> - -<pre class="brush: js">+3 // 3 -+"3" // 3 -+true // 1 -+false // 0 -+null // 0 -</pre> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentaris</th> - </tr> - <tr> - <td>ECMAScript 1st Edition.</td> - <td>Standard</td> - <td>Initial definition.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-11.6', 'Additive operators')}}<br> - {{SpecName('ES5.1', '#sec-11.5', 'Multiplicative operators')}}<br> - {{SpecName('ES5.1', '#sec-11.3', 'Postfix expressions')}}<br> - {{SpecName('ES5.1', '#sec-11.4', 'Unary operators')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-additive-operators', 'Additive operators')}}<br> - {{SpecName('ES6', '#sec-multiplicative-operators', 'Multiplicative operators')}}<br> - {{SpecName('ES6', '#sec-postfix-expressions', 'Postfix expressions')}}<br> - {{SpecName('ES6', '#sec-unary-operators', 'Unary operators')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome per Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suport bàsic</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Vegeu_també">Vegeu també</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators">Operadors d'assignació</a></li> -</ul> diff --git a/files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html b/files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html deleted file mode 100644 index f7fbae7b47..0000000000 --- a/files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html +++ /dev/null @@ -1,719 +0,0 @@ ---- -title: Operadors de bits -slug: Web/JavaScript/Referencia/Operadors/Bitwise_Operators -translation_of: Web/JavaScript/Reference/Operators -translation_of_original: Web/JavaScript/Reference/Operators/Bitwise_Operators ---- -<div>{{jsSidebar("Operators")}}</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p><strong>Els operadors de bits</strong> tracten els seus operands com una seqüència de 32 bits (uns i zeros), en comptes de operar-los com a <a href="/ca/docs/Web/JavaScript/Reference/Global_Objects/Number">nombres</a> decimals, hexadecimals o octals. Per exemple, la representació binària del és nombre decimal nou (9) 1001. Els operadors de bits treballen amb aquesta representació binària però el resultat que retorna l'operació sempre és un nombre standard de JavaScript.</p> - -<p>La taula que trobareu a continuació és un resum dels operadors de bits que es poden trobar a JavaScript:</p> - -<table class="standard-table"> - <tbody> - <tr> - <th>Operador</th> - <th>Ús</th> - <th>Descripció</th> - </tr> - <tr> - <td><a href="#Bitwise_AND">AND binari</a></td> - <td style="white-space: nowrap;"><code>a & b</code></td> - <td> - <p>Retorna un 1 a les posicions on el bit de <code>a</code> i el bit de <code>b</code> són 1 i un 0 en totes les altres.</p> - </td> - </tr> - <tr> - <td><a href="#Bitwise_OR">OR binari</a></td> - <td style="white-space: nowrap;"><code>a | b</code></td> - <td> - <p>Retorna un 1 a les posicions on al menys la posició de <code>a</code> o la de <code>b</code> són 1.</p> - </td> - </tr> - <tr> - <td><a href="#Bitwise_XOR">XOR binari</a></td> - <td style="white-space: nowrap;"><code>a ^ b</code></td> - <td> - <p>Retorna un 1 a cada posició on <code>a</code> és 1 i <code>b</code> és 0 o bé <code>a</code> és 0 i <code>b</code> és 1.</p> - </td> - </tr> - <tr> - <td><a href="#Bitwise_NOT">NOT binari</a></td> - <td style="white-space: nowrap;"><code>~ a</code></td> - <td>Inverteix els bits de l'operand donat.</td> - </tr> - <tr> - <td><a href="#Left_shift">Desplaçament a l'esquerra</a></td> - <td style="white-space: nowrap;"><code>a << b</code></td> - <td>Desplaça els bits de <code>a</code> <code>b</code> posicions a l'esquerra, tot omplint amb zeros les primeres b posicions.</td> - </tr> - <tr> - <td><a href="#Right_shift">Desplaçament a la dreta conservant el signe</a></td> - <td style="white-space: nowrap;"><code>a >> b</code></td> - <td>Desplaça els bits de <code>a</code> <code>b</code> posicions a la dreta, descartant els bits desplaçats fora.</td> - </tr> - <tr> - <td><a href="#Unsigned_right_shift">Desplaçament a la dreta omplint amb zeros</a></td> - <td style="white-space: nowrap;"><code>a >>> b</code></td> - <td>Desplaça els bits de <code>a</code> <code>b</code> posicions a la dreta, descartant els bits desplaçats fora. Els primers <code>b</code> bits s'omplen amb zeros.</td> - </tr> - </tbody> -</table> - -<h2 id="Enters_de_32_bits_amb_signe">Enters de 32 bits amb signe</h2> - -<p>Els operands de totes les operacions de bits es converteixen a enters amb signe de 32 bits utilitzant el format de complement a 2. Això vol dir que la versió negativa d'un nombre (per exemple 5 vs -5) és exactament la mateixa representació binària però amb els bits invertits (operació de bits NOT del nombre, també coneguda com a complement del nombre) més 1. Per exemple, seguidament es mostra la representació binària de 314:</p> - -<pre>00000000000000000000000100111010 -</pre> - -<p>I a continuació <code>~314</code>, és a dir, el complement de <code>314</code>:</p> - -<pre>11111111111111111111111011000101 -</pre> - -<p>Finalment es mostra <code>-314</code>, és a dir, el complement a dos de <code>314</code>:</p> - -<pre>11111111111111111111111011000110 -</pre> - -<p>El complement a dos garanteix que el bit de més a l'esquerra sempre serà un <code>0</code> quan el nombre és positiu i un <code>1</code> quan el nombre sigui negatiu. Aquest bit és doncs anomentat el <em>bit de signe</em> degut a això.</p> - -<p>El nombre <code>0</code> es representa com a l'enter composat íntegrament de zeros a tots els seus bits.</p> - -<pre>0 (base 10) = 00000000000000000000000000000000 (base 2) -</pre> - -<p>El nombre <code>-1</code> és l'enter composats completament per 1s a tots els seus bits.</p> - -<pre>-1 (base 10) = 11111111111111111111111111111111 (base 2) -</pre> - -<p>El nombre <code>-2147483648</code> (representació hexadecimal: <code>-0x80000000</code>) és l'enter composat per zeros a tots els seus bits a excepciò del bit de més a l'esquerra, que és un 1.</p> - -<pre>-2147483648 (base 10) = 10000000000000000000000000000000 (base 2) -</pre> - -<p>El nombre <code>2147483647</code> (representació hexadecimal: <code>0x7fffffff</code>) és el sencer composat per 1 a tots els seus bits a excepció del de més a l'esquerra.</p> - -<pre>2147483647 (base 10) = 01111111111111111111111111111111 (base 2) -</pre> - -<p>Els nombres <code>-2147483648</code> i <code>2147483647</code> són els enters més petit i més gran respectivament que poden ser representats mitjançant un nombre de 32 bits amb signe.</p> - -<h2 id="Operadors_lògics_de_bits">Operadors lògics de bits</h2> - -<p>Conceptualment els operadors lògics de bits funcionen de la següent forma:</p> - -<ul> - <li>Es converteixen els operans a enters de 32 bits amb signe, expressats com una sèrie de bits (zeros i uns).</li> - <li>Cada bit del primer operand s'emparella amb el corresponent bit del segon operand: el primer bit amb el primer bit, el segon amb el segon, etcètera.</li> - <li>L'operador s'aplica per cada parella de bits, tot construint el resultat bit a bit.</li> -</ul> - -<h3 id="(AND_binari)"><a name="Bitwise_AND">& (AND binari)</a></h3> - -<p>Realitza l'operació AND a cada parella de bits. <code>a</code> AND <code>b</code> esdevindrà 1 només si ambdós <code>a</code> i <code>b</code> són 1. La taula de la veritat per a l'operació AND és la següent:</p> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">a</td> - <td class="header">b</td> - <td class="header">a AND b</td> - </tr> - <tr> - <td>0</td> - <td>0</td> - <td>0</td> - </tr> - <tr> - <td>0</td> - <td>1</td> - <td>0</td> - </tr> - <tr> - <td>1</td> - <td>0</td> - <td>0</td> - </tr> - <tr> - <td>1</td> - <td>1</td> - <td>1</td> - </tr> - </tbody> -</table> - -<pre> 9 (base 10) = 00000000000000000000000000001001 (base 2) - 14 (base 10) = 00000000000000000000000000001110 (base 2) - -------------------------------- -14 & 9 (base 10) = 00000000000000000000000000001000 (base 2) = 8 (base 10) -</pre> - -<p>Realitzar l'operació AND binària de qualsevol nombre amb el zero retornarà zero. Realitzar l'operació AND binària de qualsevol nombre amb -1 retornarà el mateix nombre.</p> - -<h3 id="(OR_binari)"><a name="Bitwise_OR">| (OR binari)</a></h3> - -<p>Realitza la operació OR a cada parella de bits. <code>a</code> OR <code>b</code> retornarà 1 si qualsevol de <code>a</code> o <code>b</code> és 1. La taula de la veritat per a l'operació OR és:</p> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">a</td> - <td class="header">b</td> - <td class="header">a OR b</td> - </tr> - <tr> - <td>0</td> - <td>0</td> - <td>0</td> - </tr> - <tr> - <td>0</td> - <td>1</td> - <td>1</td> - </tr> - <tr> - <td>1</td> - <td>0</td> - <td>1</td> - </tr> - <tr> - <td>1</td> - <td>1</td> - <td>1</td> - </tr> - </tbody> -</table> - -<pre> 9 (base 10) = 00000000000000000000000000001001 (base 2) - 14 (base 10) = 00000000000000000000000000001110 (base 2) - -------------------------------- -14 | 9 (base 10) = 00000000000000000000000000001111 (base 2) = 15 (base 10) -</pre> - -<p>Realitzar l'operació OR binària de qualsevol nombre x amb 0 retornarà x. Realitzar l'operació OR binària de qualsevol nombre x amb -1 retornarà ~x</p> - -<h3 id="(XOR_binari)"><a name="Bitwise_XOR">^ (XOR binari)</a></h3> - -<p>Realitza la operació XOR a cada parella de bits. <code>a</code> XOR <code>b</code> retorna 1 si <code>a</code> i <code>b</code> són diferents. La taula de la veritat per a l'operació XOR és la següent:</p> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">a</td> - <td class="header">b</td> - <td class="header">a XOR b</td> - </tr> - <tr> - <td>0</td> - <td>0</td> - <td>0</td> - </tr> - <tr> - <td>0</td> - <td>1</td> - <td>1</td> - </tr> - <tr> - <td>1</td> - <td>0</td> - <td>1</td> - </tr> - <tr> - <td>1</td> - <td>1</td> - <td>0</td> - </tr> - </tbody> -</table> - -<pre> 9 (base 10) = 00000000000000000000000000001001 (base 2) - 14 (base 10) = 00000000000000000000000000001110 (base 2) - -------------------------------- -14 ^ 9 (base 10) = 00000000000000000000000000000111 (base 2) = 7 (base 10) -</pre> - -<p>Realitzar l'operació XOR binària de qualsevol nombre x amb 0 retornarà x. Realitzar l'operació OR binària de qualsevol nombre x amb -1 retornarà ~x.</p> - -<h3 id="(NOT_binari)"><a name="Bitwise_NOT">~ (NOT binari)</a></h3> - -<p>Realitza una operació NOT a cada bit. NOT <code>a</code> retorna el valor invers (també conegut com el complement a 1) de <code>a</code>. La taula de la veritat per a la operació NOT és:</p> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">a</td> - <td class="header">NOT a</td> - </tr> - <tr> - <td>0</td> - <td>1</td> - </tr> - <tr> - <td>1</td> - <td>0</td> - </tr> - </tbody> -</table> - -<pre> 9 (base 10) = 00000000000000000000000000001001 (base 2) - -------------------------------- -~9 (base 10) = 11111111111111111111111111110110 (base 2) = -10 (base 10) -</pre> - -<p>Realitzar la operació NOT binària a un nombre x qualsevol retorna -(x + 1). Per exemple, ~5 resulta en -6.</p> - -<p>Exemple amb indexOf:</p> - -<pre class="brush: js">var str = 'rawr'; -var searchFor = 'a'; - -// fora alternativa equivalent a if (-1*str.indexOf('a') <= -1) -if (~str.indexOf(searchFor)) { - // searchFor és dins l'string -} else { - // searchFor no està dins l'string -} - -// valors retornats per (~str.indexOf(searchFor)) -// r == -1 -// a == -2 -// w == -3 -</pre> - -<h2 id="Operadors_binaris_de_desplaçament">Operadors binaris de desplaçament</h2> - -<p>Els operadors binaris de desplaçament accepten dos operands: el primer és el valor que serà transformat a enter de 32 bits i al que se li aplicarà el desplaçament. El segon determina el nombre de posicions que es desplaçarà cada bit. La direcció en la que els bits es desplaçaran es determina per l'operador usat.</p> - -<p>Els operadors de desplaçament converteixen els seus operands a enters de 32 bits en ordre <em>big-endian</em> i retornen un valor amb el mateix tipus que l'operand de l'esquerra. L'operand de la dreta hauria de ser menor de 32, però de no ser així només s'utilitzen els primers 5 bits.</p> - -<h3 id="<<_(Desplaçament_a_l'esquerra)"><a name="Left_shift"><< (Desplaçament a l'esquerra)</a></h3> - -<p>Aquest operador desplaça el primer operand un nombre específic de bits cap a l'esquerra. Els bits de l'esquerra sobrants són descartats. Per a omplir les primeres posicions de la dreta s'utilitzen zeros.</p> - -<p>Exemple<code>: 9 << 2</code> resulta en 36:</p> - -<pre> 9 (base 10): 00000000000000000000000000001001 (base 2) - -------------------------------- -9 << 2 (base 10): 00000000000000000000000000100100 (base 2) = 36 (base 10) -</pre> - -<p>Desplaçar a l'esquerra qualsevol nombre <strong>x</strong> <strong>y</strong> bits resulta en <strong>x * 2^y</strong>.</p> - -<h3 id=">>_(Desplaçament_a_la_dreta_preservant_el_signe)"><a name="Right_shift">>> (Desplaçament a la dreta preservant el signe)</a></h3> - -<p>Aquest operador desplaça el primer operand un nombre específic de bits a la dreta. Els bits sobrants es descarten. Els bits de l'esquerra s'inicialitzen amb el valor inicial del primer bit de l'esquerra. Degut a que el bit de més a l'esquerra tindrà el mateix valor que el bit de més a l'esquerra abans de realitzar el desplaçament, el bit de signe no canvia. És degut a aquesta propietat que es diu que aquest operand preserva el signe.</p> - -<p>Per exemple, <code>9 >> 2</code> resulta en 2:</p> - -<pre> 9 (base 10): 00000000000000000000000000001001 (base 2) - -------------------------------- -9 >> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10) -</pre> - -<p>De la mateixa manera, <code>-9 >> 2</code> resulta en -3, ja que el signe es preserva:</p> - -<pre> -9 (base 10): 11111111111111111111111111110111 (base 2) - -------------------------------- --9 >> 2 (base 10): 11111111111111111111111111111101 (base 2) = -3 (base 10) -</pre> - -<h3 id=">>>_(Desplaçament_a_la_dreta_omplint_amb_zeros)"><a name="Unsigned_right_shift">>>> (Desplaçament a la dreta omplint amb zeros)</a></h3> - -<p>Aquest operador desplaça el primer operand un nombre específic de bits cap a la dreta. Els bits sobrants degut al desplaçament són descartats. Els bits de l'esquerra són omplerts utilitzant zeros. Com que el bit de signe sempre acaba sent un zero el resultat sempre és no negatiu.</p> - -<p>Per a nombres no negatius, els operadors de desplaçament a la dreta preservant el signe i omplint amb zeros retornen el mateix resultat. Per exemple, <code>9 >>> 2</code> resulta en 2, tal com <code>9 >> 2</code>:</p> - -<pre> 9 (base 10): 00000000000000000000000000001001 (base 2) - -------------------------------- -9 >>> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10) -</pre> - -<p>El resultat varia, però, per a nombres negatius. Per exemple, <code>-9 >>> 2</code> resulta en 1073741821, el qual es diferent de <code>-9 >> 2</code> (que retorna -3):</p> - -<pre> -9 (base 10): 11111111111111111111111111110111 (base 2) - -------------------------------- --9 >>> 2 (base 10): 00111111111111111111111111111101 (base 2) = 1073741821 (base 10) -</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Exemple_Marques_i_màscares_de_bits">Exemple: Marques i màscares de bits</h3> - -<p>Els operadors lògics de bits s'empren tot sovint per a crear, manipular i llegir seqüències de <em>marques</em>, les quals realitzen uns funció similar a les variables booleanes. El seu avantatge davant les variables booleanes és que les seqüències de marques utilitzen molta menys memòria (per un factor de 32).</p> - -<p>The bitwise logical operators are often used to create, manipulate, and read sequences of <em>flags</em>, which are like binary variables. Variables could be used instead of these sequences, but binary flags take much less memory (by a factor of 32).</p> - -<p>Suposem 4 marques:</p> - -<ul> - <li>Marca A: tenim un problema de formigues</li> - <li>Marca B: tenim un ratpenat</li> - <li>Marca C: tenim un gat</li> - <li>Marca D: tenim un ànec</li> -</ul> - -<p>Aquestes marques són representades per una seqüència de bits: DCBA. Quan una marca està activada, té un valor de 1. Quan una marca no està activa rep un valor de 0. Suposem que una variable anomenada <code>flags</code> (marques en anglès) té el valor binari 0101:</p> - -<pre class="brush: js">var flags = 5; // 0101 en binari -</pre> - -<p>Aquest valor indica:</p> - -<ul> - <li>La marca A està activa, és a dir, és certa (tenim un problema de formigues)</li> - <li>La marca B és falsa (no tenim un murisec)</li> - <li>La marca C és certa (tenim un gat)</li> - <li>La marca D és falsa (no tenim un ànec)</li> -</ul> - -<p>Com que les operacions be bits utilitzen nombres de 32 bits, 0101 és en realitat 00000000000000000000000000000101, però els zeros a l'esquerra es poden obviar ja que no contenen informació útil.</p> - -<p>Una <em>màscara de bits</em> és una seqüència que pot manipular i/o llegir marques. És molt comú definir màscares "primitives" per a cada marca:</p> - -<pre class="brush: js">var FLAG_A = 1; // 0001 -var FLAG_B = 2; // 0010 -var FLAG_C = 4; // 0100 -var FLAG_D = 8; // 1000 -</pre> - -<p>Es fàcil crear noves màscares mitjançant operacions de bits lògiques sobre les màscares primitives. Per exemple, la màscara de bits 1011 es pot crear mitjançant operacions OR sobre FLAG_A, FLAG_B i FLAG_D:</p> - -<pre class="brush: js">var mask = FLAG_A | FLAG_B | FLAG_D; // 0001 | 0010 | 1000 => 1011 -</pre> - -<p>Els valors individuals d'una marca es poden obtindre mitjançant una operació AND de la seqüència de marques amb la màscara primitiva corresponent. La màscara de bits descarta els bits de les marques que no s'escauen. Per exemple, la màscara de bits 0100 es pot emprar per veure si la marca C està activa:</p> - -<pre class="brush: js">// si tenim un gat... -if (flags & FLAG_C) { // 0101 & 0100 => 0100 => true - // ... fer coses -} -</pre> - -<p>Una màscara de bits amb múltiples marques activades funciona com un "or". Per exemple els següents dos blocs de codi són equivalents:</p> - -<pre class="brush: js">// si tenim un ratpenat o un gat... -// (0101 & 0010) || (0101 & 0100) => 0000 || 0100 => true -if ((flags & FLAG_B) || (flags & FLAG_C)) { - // ... fer coses -} -</pre> - -<pre class="brush: js">// si tenim un ratpenat o un gat... -var mask = FLAG_B | FLAG_C; // 0010 | 0100 => 0110 -if (flags & mask) { // 0101 & 0110 => 0100 => true - // ... fer coses -} -</pre> - -<p>Les marques es poden activar mitjançant una operació OR amb la màscara, on cada bit amb el valor 1 activarà la marca corresponent si no està ja activada. Per exemple, la màscara de bits 1100 pot ser emprada per a activar les marques C i D:</p> - -<pre class="brush: js">// si, tenim un gat i un ànec -var mask = FLAG_C | FLAG_D; // 0100 | 1000 => 1100 -flags |= mask; // 0101 | 1100 => 1101 -</pre> - -<p>Les marques es poden desactivar mitjançant una operació AND amb una màscara de bits, on cada bit amb el valor de zero desactivarà la marca corresponent si no està ja desactivada. Aquestes màscares poden generar-se fàcilment mitjançant una operació NOT sobre la màscara primitiva adient. Per exemple, la màscara 1010 pot ser emprada per a desactivar les marques A i C:</p> - -<pre class="brush: js">// no, no tenim un problema amb formigues ni tenim un gat -var mask = ~(FLAG_A | FLAG_C); // ~0101 => 1010 -flags &= mask; // 1101 & 1010 => 1000 -</pre> - -<p>També es podría haver creat la màscara amb <code>~FLAG_A & ~FLAG_C</code> (Llei de De Morgan):</p> - -<pre class="brush: js">// no, no tenim un problema amb formigues ni tenim un gat -var mask = ~FLAG_A & ~FLAG_C; -flags &= mask; // 1101 & 1010 => 1000 -</pre> - -<p>Es pot invertir una màscara (entenem per invertir activar-la si està desactivada i desactivar-la si està activada. És a dir, invertir el seu valor) mitjançant una operació XOR amb una màscara de bits, on cada bit amb el valor 1 invertirà el valor de la marca corresponent. Per exemple, la màscara de bits 0110 pot ser emprada per invertir les marques B i C:</p> - -<pre class="brush: js">// Si no teniem un ratpenat, ara en tenim un -// i si en teniem un, adéu ratpenat -// El mateix amb els gats -var mask = FLAG_B | FLAG_C; -flags = flags ^ mask; // 1100 ^ 0110 => 1010 -</pre> - -<p>Finalment, les marques poden ser invertides mitjançant l'operador NOT:</p> - -<pre class="brush: js">// entrant a l'univers paral·lel -flags = ~flags; // ~1010 => 0101 -</pre> - -<h3 id="Xuletes_per_conversions">Xuletes per conversions</h3> - -<p>Converteix un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> binari a un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code> decimal:</p> - -<pre class="brush: js">var sBinString = "1011"; -var nMyNumber = parseInt(sBinString, 2); -alert(nMyNumber); // prints 11, i.e. 1011 -</pre> - -<p>Converteix un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code> decimal en un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> binari:</p> - -<pre class="brush: js">var nMyNumber = 11; -var sBinString = nMyNumber.toString(2); -alert(sBinString); // prints 1011, i.e. 11 -</pre> - -<h3 id="Automatització_de_la_creació_de_màscares">Automatització de la creació de màscares</h3> - -<p>El procés de creació de màscares per a valors <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Booleans</a></code> pot ser automatitzat:</p> - -<pre class="brush: js">function createMask () { - var nMask = 0, nFlag = 0, nLen = arguments.length > 32 ? 32 : arguments.length; - for (nFlag; nFlag < nLen; nMask |= arguments[nFlag] << nFlag++); - return nMask; -} -var mask1 = createMask(true, true, false, true); // 11, i.e.: 1011 -var mask2 = createMask(false, false, true); // 4, i.e.: 0100 -var mask3 = createMask(true); // 1, i.e.: 0001 -// etc. - -alert(mask1); // prints 11, i.e.: 1011 -</pre> - -<h3 id="Algorisme_invers_un_array_de_booleans_a_partir_d'una_màscara">Algorisme invers: un array de booleans a partir d'una màscara</h3> - -<p>El codi següent crea un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array">Array</a></code> de <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Booleans</a></code> a partir d'una màscara:</p> - -<pre class="brush: js">function arrayFromMask (nMask) { - // nMask must be between -2147483648 and 2147483647 - if (nMask > 0x7fffffff || nMask < -0x80000000) { - throw new TypeError("arrayFromMask - out of range"); - } - for (var nShifted = nMask, aFromMask = []; nShifted; - aFromMask.push(Boolean(nShifted & 1)), nShifted >>>= 1); - return aFromMask; -} - -var array1 = arrayFromMask(11); -var array2 = arrayFromMask(4); -var array3 = arrayFromMask(1); - -alert("[" + array1.join(", ") + "]"); -// prints "[true, true, false, true]", i.e.: 11, i.e.: 1011 -</pre> - -<p>Ambdós algorismes poden ser testejats a l'hora...</p> - -<pre class="brush: js">var nTest = 19; // la nostra màscara personal -var nResult = createMask.apply(this, arrayFromMask(nTest)); - -alert(nResult); // 19 -</pre> - -<p>Només amb finalitat didàctica (ja que disposem del mètode<code> <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number/toString">Number.toString(2)</a></code>), es mostra com és posible modficiar l'algorisme <code>arrayFromMask</code> per a crear un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> que contingui la representació d'un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code> en comptes d'un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array">Array</a></code> de <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Booleans</a></code>:</p> - -<pre class="brush: js">function createBinaryString (nMask) { - // nMask ha d'estar entre -2147483648 i 2147483647 - for (var nFlag = 0, nShifted = nMask, sMask = ""; nFlag < 32; - nFlag++, sMask += String(nShifted >>> 31), nShifted <<= 1); - return sMask; -} - -var string1 = createBinaryString(11); -var string2 = createBinaryString(4); -var string3 = createBinaryString(1); - -alert(string1); -// prints 00000000000000000000000000001011, i.e. 11 -</pre> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentari</th> - </tr> - <tr> - <td>ECMAScript 1a Edició.</td> - <td>Standard</td> - <td>Definició inicial</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-11.4.8', 'Bitwise NOT operator')}}<br> - {{SpecName('ES5.1', '#sec-11.7', 'Bitwise shift operators')}}<br> - {{SpecName('ES5.1', '#sec-11.10', 'Binary bitwise operators')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-bitwise-not-operator', 'Bitwise NOT operator')}}<br> - {{SpecName('ES6', '#sec-bitwise-shift-operators', 'Bitwise shift operators')}}<br> - {{SpecName('ES6', '#sec-binary-bitwise-operators', 'Binary bitwise operators')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característiques</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td><a href="#Bitwise_NOT">Bitwise NOT (<code>~</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Bitwise_AND">Bitwise AND (<code>&</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Bitwise_OR">Bitwise OR (<code>|</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Bitwise_XOR">Bitwise XOR (<code>^</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Left_shift">Left shift (<code><<</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Right_shift">Right shift (<code>>></code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Unsigned_right_shift">Unsigned right shift (<code>>>></code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td><a href="#Bitwise_NOT">Bitwise NOT (<code>~</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Bitwise_AND">Bitwise AND (<code>&</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Bitwise_OR">Bitwise OR (<code>|</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Bitwise_XOR">Bitwise XOR (<code>^</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Left_shift">Left shift (<code><<</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Right_shift">Right shift (<code>>></code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Unsigned_right_shift">Unsigned right shift (<code>>>></code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Vegeu també</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators">Operadors lògics</a></li> -</ul> diff --git a/files/ca/web/javascript/referencia/operadors/logical_operators/index.html b/files/ca/web/javascript/referencia/operadors/logical_operators/index.html deleted file mode 100644 index 591e1fbc4f..0000000000 --- a/files/ca/web/javascript/referencia/operadors/logical_operators/index.html +++ /dev/null @@ -1,302 +0,0 @@ ---- -title: Operadors Lògics -slug: Web/JavaScript/Referencia/Operadors/Logical_Operators -translation_of: Web/JavaScript/Reference/Operators -translation_of_original: Web/JavaScript/Reference/Operators/Logical_Operators ---- -<div> -<div>{{jsSidebar("Operators")}}</div> -</div> - -<h2 id="Summary" name="Summary">Resum</h2> - -<p>Els operadors lògics s'utilitzen normalment amb valors <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">Boolean</a></code> (lògics). En cas de serh-hi presents, retornen un valor booleà. Tot i així, els operadors <code>&&</code> i <code>||</code> retornen el valor d'un dels operands especificats, així que si aquests operadors es fan servir amb valors no booleans, poden retornar un valor no booleà.</p> - -<h2 id="Descripció">Descripció</h2> - -<p>Els operadors lògics es descriuren en la taula següent:</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <th>Operador</th> - <th>Ús</th> - <th>Descripció</th> - </tr> - <tr> - <td>AND lògic (<code>&&</code>)</td> - <td><code><em>expr1</em> && <em>expr2</em></code></td> - <td>Retorna <code>expr1 </code>si es pot convertir en false; sinó, retorna expr2. Així, quan es fa servir amb valors booleans, <code>&&</code> retorna true si ambdós operands són true; de ser el contrari, retorna false.</td> - </tr> - <tr> - <td>OR lògic(<code>||</code>)</td> - <td><code><em>expr1</em> || <em>expr2</em></code></td> - <td>Retorna <code>expr1</code> si es pot converir en true; de ser al contrari, retorna <code>expr2</code>. Així, quan s'usa amb valors Booleans, <code>||</code> retorna true si l'operand és true; si amdós són false, retorna false.</td> - </tr> - <tr> - <td>NOT lògic (<code>!</code>)</td> - <td><code>!<em>expr</em></code></td> - <td>Retorna false si el seu únic operand pot convertir-se a true; sinó, retorna true.</td> - </tr> - </tbody> -</table> - -<p>Exemples d'expressions que es poden converir a false son aquelles que avaluen <code>null</code>, <code>0</code>, la cadena buida (""), o <code>undefined</code>.</p> - -<p>Tot i que els operadors <code>&&</code> i <code>||</code> es poden fer servir amb operands que no siguin valors Booleans, poden ser considerats operadors Booleans ja que els valors que retornen sempre es poden convertir en valors Booleans.</p> - -<h3 id="Short-Circuit_Evaluation" name="Short-Circuit_Evaluation">Avaluació de tipus curtcircuit</h3> - -<p>Com a expressions lògiques que són, s'avaluen d'esquerra a dreta, they are tested for possible "short-circuit" evaluation fent servir les regles següents:</p> - -<ul> - <li><code>false && (<em>quelcom)</em></code> is short-circuit evaluated to false.</li> - <li><code>true || (<em>quelcom)</em></code> is short-circuit evaluated to true.</li> -</ul> - -<p>Les regles de la lògica garanteixen que aquestes avaluacions són sempre correctes. Fixeu-vos que la part <code><em>quelcom</em></code> d'adalt no s'avalua, així que els efectes secundaris d'això no tindràn efecte. Fixeu-vos també que la part de l'expressió de dalt anomenada <code><em>quelcom </em></code>és una expressió lògica simple (com s'indiquen amb els parèntesis).</p> - -<p>Per exemple, les dues funcions següents són equivalents.</p> - -<pre class="brush: js">function shortCircuitEvaluation() { - doSomething() || doSomethingElse() -} - -function equivalentEvaluation() { - var flag = doSomething(); - if (!flag) { - doSomethingElse(); - } -} -</pre> - -<p>Tot i així, les següents expressions no són equivalents degut a la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">precendència dels operadors</a>, i remarca la importància de requerir que l'operador de la dreta sigui una sola expressió (agrupada, si s'escau, per parèntesi).</p> - -<pre class="brush: js">false && true || true // returns true -false && (true || true) // returns false</pre> - -<h3 id="Logical_AND_.28&&.29" name="Logical_AND_.28&&.29"><a name="Logical_AND">AND lògic (<code>&&</code>)</a></h3> - -<p>El codi següent mostra exemples de l'operador <code>&&</code> (AND lògic).</p> - -<pre class="brush: js">a1 = true && true // t && t returns true -a2 = true && false // t && f returns false -a3 = false && true // f && t returns false -a4 = false && (3 == 4) // f && f returns false -a5 = "Cat" && "Dog" // t && t returns "Dog" -a6 = false && "Cat" // f && t returns false -a7 = "Cat" && false // t && f returns false -</pre> - -<h3 id="OR_lògic_()"><a name="Logical_OR">OR lògic (<code>||</code>)</a></h3> - -<p>El codi següent mostra exemples de l'operador <code>||</code> (OR lògic).</p> - -<pre class="brush: js">o1 = true || true // t || t returns true -o2 = false || true // f || t returns true -o3 = true || false // t || f returns true -o4 = false || (3 == 4) // f || f returns false -o5 = "Cat" || "Dog" // t || t returns "Cat" -o6 = false || "Cat" // f || t returns "Cat" -o7 = "Cat" || false // t || f returns "Cat" -</pre> - -<h3 id="Logical_NOT_.28.21.29" name="Logical_NOT_.28.21.29"><a name="Logical_NOT">NOT lògic (<code>!</code>)</a></h3> - -<p>El codi següent mostra exemples de l'operador <code>!</code> (NOT lògic).</p> - -<pre class="brush: js">n1 = !true // !t returns false -n2 = !false // !f returns true -n3 = !"Cat" // !t returns false -</pre> - -<h3 id="Regles_de_conversió">Regles de conversió</h3> - -<h4 id="Convertir_AND_a_OR">Convertir AND a OR</h4> - -<p>L'operació següent que inclou Booleans:</p> - -<pre class="brush: js">bCondition1 && bCondition2</pre> - -<p>sempre és igual a:</p> - -<pre class="brush: js">!(!bCondition1 || !bCondition2)</pre> - -<h4 id="Convertir_OR_a_AND">Convertir OR a AND</h4> - -<p>L'operació següent que inclou Booleans:</p> - -<pre class="brush: js">bCondition1 || bCondition2</pre> - -<p>sempre és igual a:</p> - -<pre class="brush: js">!(!bCondition1 && !bCondition2)</pre> - -<h3 id="Desfer-se_de_parèntesis_aniuats">Desfer-se de parèntesis aniuats</h3> - -<p>Com que les expressions lògiques s'avaluen d'esquerra a dreta, sempre és posible esborrar els parèntesi d'expressions complexes mitjançant les regles següents.</p> - -<h4 id="Desfer-se_d'un_AND_aniuat">Desfer-se d'un AND aniuat</h4> - -<p>L'operació següent que inclou Booleans:</p> - -<pre class="brush: js">bCondition1 || (bCondition2 && bCondition3)</pre> - -<p>sempre és igual a:</p> - -<pre class="brush: js">bCondition1 || bCondition2 && bCondition3</pre> - -<h4 id="Desfer-se_d'un_OR_aniuat">Desfer-se d'un OR aniuat</h4> - -<p>L'operació següent que inclou Booleans:</p> - -<pre class="brush: js">bCondition1 && (bCondition2 || bCondition3)</pre> - -<p>sempre és igual a:</p> - -<pre class="brush: js">!(!bCondition1 || !bCondition2 && !bCondition3)</pre> - -<h2 id="Especificacions">Especificacions</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificació</th> - <th scope="col">Estat</th> - <th scope="col">Comentari</th> - </tr> - <tr> - <td>1a edició de ECMAScript.</td> - <td>Estàndard</td> - <td>Definició inicial.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-11.4.9', 'Logical NOT Operator')}}<br> - {{SpecName('ES5.1', '#sec-11.11', 'Binary Logical Operators')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-logical-not-operator', 'Logical NOT operator')}}<br> - {{SpecName('ES6', '#sec-binary-logical-operators', 'Binary Logical Operators')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td><a href="#Logical_AND">AND lògic (<code>&&</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Logical_OR">OR </a><a href="#Logical_AND">lògic </a><a href="#Logical_OR">(<code>||</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Logical_NOT">NOT </a><a href="#Logical_AND">lògic</a><a href="#Logical_NOT"> (<code>!</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Característica</th> - <th>Android</th> - <th>Chrome per Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td><a href="#Logical_AND">AND </a><a href="#Logical_AND">lògic</a><a href="#Logical_AND"> (<code>&&</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Logical_OR">OR </a><a href="#Logical_AND">lògic </a><a href="#Logical_OR">(<code>||</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td><a href="#Logical_NOT">NOT </a><a href="#Logical_AND">lògic</a><a href="#Logical_NOT"> (<code>!</code>)</a></td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="JavaScript_1.0_and_1.1" name="JavaScript_1.0_and_1.1">Compatibilitat amb versions anteriors: Comportament a JavaScript 1.0 i 1.1</h3> - -<p>Els operadors && i <code>||</code> es comporten de la forma següent:</p> - -<table class="fullwidth-table"> - <tbody> - <tr> - <th>Operador</th> - <th>Ús</th> - <th>Comportament</th> - </tr> - <tr> - <td><code>&&</code></td> - <td><code><em>expr1</em> && <em>expr2</em></code></td> - <td>Si el primer operand (<code>expr1</code>) es pot converitr a false, l'operador <code>&&</code> retorna false en comptes del valor de <code>expr1</code>.</td> - </tr> - <tr> - <td><code>||</code></td> - <td><code><em>expr1</em> || <em>expr2</em></code></td> - <td>Si el primer operand (<code>expr1</code>) es pot converitr a true, l'operador <code>||</code> retorna true en comptes del valor de <code>expr1</code>.</td> - </tr> - </tbody> -</table> - -<h2 id="See_also" name="See_also">Vegeu també</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">Bitwise operators</a></li> -</ul> diff --git a/files/ca/web/opensearch/index.html b/files/ca/web/opensearch/index.html new file mode 100644 index 0000000000..adfa504760 --- /dev/null +++ b/files/ca/web/opensearch/index.html @@ -0,0 +1,33 @@ +--- +title: Addició de motors de cerca a les pàgines web +slug: Addició_de_motors_de_cerca_a_les_pàgines_web +tags: + - Complements + - Connectors_de_cerca +translation_of: Web/OpenSearch +translation_of_original: Web/API/Window/sidebar/Adding_search_engines_from_Web_pages +--- +<p>El Firefox utilitza codi JavaScript per a instaŀlar connectors de motors de cerca. Pot fer servir 3 formats: MozSearch, OpenSearch i Sherlock. +</p><p>Quan un codi JavaScript intenta instaŀlar un connector de cerca, el Firefox mostra un avís demanant a l'usuari permís per a instaŀlar-lo. +</p> +<h2 id="Insta.C5.80laci.C3.B3_de_connectors_MozSearch_i_OpenSearch">Instaŀlació de connectors MozSearch i OpenSearch </h2> +<p>Per a instaŀlar un connector MozSearch o OpenSearch, cal que utilitzeu el mètode DOM <code>window.external.AddSearchProvider()</code>. La sintaxi d'aquest mètode és: +</p> +<pre class="eval">window.external.AddSearchProvider(<i>URL_motor</i>); +</pre> +<p>On <i>URL_motor</i> és l'URL al fitxer XML del connector del motor de cerca. </p> +<div class="note"><b>Nota:</b> MozSearch i OpenSearch només funcionen a partir del Firefox 2.</div> +<p>Per a més detalls, consulteu <a href="ca/Creaci%c3%b3_de_connectors_MozSearch">Creació de connectors MozSearch</a>. +</p> +<h2 id="Insta.C5.80laci.C3.B3_de_connectors_Sherlock">Instaŀlació de connectors Sherlock</h2> +<p>Per a instaŀlar un connector Sherlock, cal que es cridi a <code>window.sidebar.addSearchEngine()</code>, la sintaxi és la següent: +</p> +<pre class="eval">window.sidebar.addSearchEngine(<i>URL_motor</i>, <i>URL_icona</i>, <i>Nom_suggerit</i>, <i>Categoria_suggerida</i>); +</pre> +<ul><li> El paràmetre <code>URL_motor</code> és l'URL al connector Sherlock (un fitxer «.src») per instaŀlar. +</li><li> <code>URL_icona</code> és l'URL de la icona associada al connector. +</li><li> El paràmetre <code>Nom_suggerit</code> només s'utilitza quan s'avisa a l'usuari en instaŀlar el connector. Es mostra un missatge de l'estil «Voleu instaŀlar <i>Nom_suggerit</i> de <i>URL_motor</i>?». +</li><li> El paràmetre <code>sCategoria_suggerida</code> no s'utilitza. Podeu especificar-hi una cadena en blanc (<code>""</code>) o <code>null</code>. +</li></ul> +<p>Per a més detalls de Sherlock, visiteu <a class=" external" href="http://developer.apple.com/macosx/sherlock/">http://developer.apple.com/macosx/sherlock/</a> +</p>{{ languages( { "en": "en/Adding_search_engines_from_web_pages", "it": "it/Installare_plugin_di_ricerca_dalle_pagine_web", "ja": "ja/Adding_search_engines_from_web_pages" } ) }} diff --git a/files/ca/web/progressive_web_apps/index.html b/files/ca/web/progressive_web_apps/index.html new file mode 100644 index 0000000000..53bd5eb866 --- /dev/null +++ b/files/ca/web/progressive_web_apps/index.html @@ -0,0 +1,49 @@ +--- +title: Disseny sensible (Responsive design) +slug: Web_Development/Mobile/Responsive_design +translation_of: Web/Progressive_web_apps +translation_of_original: Web/Guide/Responsive_design +--- +<p>Com una resposta als problemes associats a l'enfoc de desenvolupament basat en dos <a href="/en/Web_Development/Mobile/Separate_sites" title="en/Web development/Mobile/Separate sites">dissenys web separats</a> per a cada plataforma, mòbil i escriptori, una idea relativament nova (de fet <a class="external" href="http://www.alistapart.com/articles/dao/">no tant</a>) ha crescut en popularitat: oblidar-se de la detecció del <em>user-agent</em> des del servidor, i sustituir-ho per una plana que respongui del costat del client a les possibilitats del navegador. Aquest enfoc del problema s'ha convingut en anomenar-lo <a class="external" href="http://www.alistapart.com/articles/responsive-web-design/">disseny web sensible</a>. Igual que l'enfoc dels dissenys separats, el disseny web sensible té els seus avantatges i inconvenients.</p> +<h2 id="Avantatges">Avantatges</h2> +<p>Encara que inicialment no va ser proposat com a métode de creació de webs per a mòbils, el disseny sensible darrerament ha guanyat força atenció com una manera de construir webs amigables amb els mòbils evitant el doble esforç de desenvolupar un nou disseny només per a aquests dispositius de pantalla petita. Amb aquesta tècnica es pot abordar dos dels tres <a class="external" href="http://blog.mozilla.com/webdev/2011/05/04/approaches-to-mobile-web-development-part-1-what-is-mobile-friendliness/" title="Approaches to Mobile Web Development Part 1 – What is Mobile Friendliness?">objectius</a> del desenvolupament web per a mòbils:</p> +<ul> + <li><strong>Presentació</strong> — Emprant un <em>layout</em> flexible a la teva web juntament amb <em>media queries</em> de CSS [NT: fulls d'estils diferents aplicats pel navegador -compatible amb CSS3- segons les dimensions de la pantalla i altres variables configurables des dels meta-tags HTML], pots fer que la teva web es vegi bé independentment del tamany de la pantalla de l'usuari.</li> + <li><strong>Contingut</strong> — Alterant el contingut basant-te en les característiques del navegador <a class="external" href="http://www.quirksmode.org/blog/archives/2010/08/combining_media.html">via JavaScript</a>, pots adaptar el missatge a cada usuari.</li> +</ul> +<p>Certament hi ha un quants detalls xulos en aquest enfoc. Donat que no depén de la detecció del <em>user-agent</em> del navegador (des del servidor), és molt més resistent a canvis futurs en els navegadors que l'enfoc de fer un disseny per separat. Per a webs senzilles, pot ser també significativament més senzill d'implementar i mantenir que les altres opcions.</p> +<h2 id="Inconvenients">Inconvenients</h2> +<p>Malgrat tot, aquest enfoc també té les seves limitacions. Donat que el contingut és modificat en el navegador amb Javascript, s'aconsella fer canvis mínims en el contingut. Perqué en general, les coses poden anar malament molt ràpidament si intentes modificar dos conjunts de javascript que operen en paralel sobre el mateix DOM de la plana. Aquesta és la principal raó per la qual les aplicacions web no solen emprar aquest enfoc per a les seves versions mòbils.</p> +<p>Donar a la teva web actual un disseny sensible d'aquest tipus significa una reescriptura dels teus estils CSS si ara mateix no tens implementat un <a class="external" href="http://www.smashingmagazine.com/2008/06/26/flexible-layouts-challenge-for-the-future/"><em>layout</em> flexible</a>. Encara que això podria ser una bona oportunitat per a modernitzar el CSS de la teva web.</p> +<p>Per acabar, donat que has d'afegir més codi al teu javascript existent i als teus estils, l'eficiència d'aquest nou disseny pot estar per sota possiblement de l'enfoc dels dissenys web separats. No hi ha cap manera d'evitar aquest inconvenient, encara que un acurada refactorització del teu codi i dels teus estils pot estalviar-te uns quants bytes.</p> +<h2 id="Quan_és_adient_escollir_aquesta_opció">Quan és adient escollir aquesta opció</h2> +<p><a href="/@api/deki/files/5894/=teixido_responsive-300x177.png" title="teixido_responsive-300x177.png"><img align="right" alt="teixido_responsive-300x177.png" class="internal rwrap" src="/@api/deki/files/5894/=teixido_responsive-300x177.png?size=webview" style="width: 300px; height: 177px;"></a>Tal com s'ha mencionat abans, donat que els canvis de contingut poden ser peliaguts, quan adoptes aquest enfoc de disseny, no podràs donar als teus visitants mòbils una experiència notablement millor sense incrementar significativament la complexitat del teu codi.<br> + <br> + Dit això, si les versions d'escriptori i de mòbil de la teva web són bastant similars llavors aquest enfoc és una gran opció. S'escau molt bé per a webs centrades en els documents que és un cas molt bàsic que encaixa bé en qualsevol dispositiu, com per exemple planes de productes. Notaràs que els exemples a sota són tots blocs o portafolis.</p> +<h2 id="Exemples">Exemples</h2> +<p>Encara que no és un enfoc tan popular com el dels dissenys separats, augmenta cada dia el nombre de webs emprant el disseny sensible. Afortunadament, puix que tot el codi és per al navegador, si vols veure com un portal web implementa tècnicament aquest disseny és tan senzill com visitar la web i premer "Veure el codi font de la plana". Aquí tens uns quants exemples:</p> +<ul> + <li><a class="external" href="http://teixido.co/">http://teixido.co/</a> – un dels meus dissenys sensibles favorits, que tambè he capturat abans en la imatge!</li> + <li><a class="external" href="http://adactio.com/journal/1696">http://adactio.com/journal/1696</a> – un bon article per a llegir, que inclou més enllaços amb exemples</li> + <li><a class="external" href="http://thinkvitamin.com/">http://thinkvitamin.com/</a></li> + <li><a class="external" href="http://stephencaver.com/">http://stephencaver.com/</a></li> + <li><a class="external" href="http://hicksdesign.co.uk/">http://hicksdesign.co.uk/</a></li> +</ul> +<p>Malgrat ser un enfoc relativament jove, ja hi han escrites algunes recomanacions de bones pràtiques. Per exemple, si estàs desenvolupant una web desde zero amb aquest disseny sensible en ment, val la pena que <a class="external" href="http://www.lukew.com/ff/entry.asp?1117">primer generis un disseny per a pantalla petita</a>, i d'aquesta manera tindràs en compte des del principi els condicionants d'aquestes pantalles.</p> +<p>També és més convenient fer un realçament progressiu dels teus estils en lloc d'amagar elements del teu lloc usant <em>media queries</em> [NT: fulls d'estils css especifics per a certes configuracions de navegador]. D'aquesta manera, els navegadors més antics que poden no ser compatibles amb els <em>media queries</em> encara renderitzaran d'alguna manera el contingut de la web. Una excelent presentació dels avantatges d'aquest métode la trobaràs <a class="external" href="http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu">aquí</a>.</p> +<h2 id="Enfocs_del_desenvoulpament_web">Enfocs del desenvoulpament web</h2> +<p>Fes una ullada als següents articles de fons i d'enfocs i tècniques diferents per resoldre el disseny de webs pels mòbils.</p> +<ul> + <li><a href="/en/Web_Development/Mobile/Mobile-friendliness" title="XML Web Services">Què vol dir ser un disseny amigable amb els mòbils?</a></li> + <li><a href="/en/Web_Development/Mobile/Separate_sites" title="en/Web development/Mobile/Separate sites">Dissenys diferents per a diferents pantalles</a></li> + <li><a href="/en/Web_development/Mobile/A_hybrid_approach" title="en/Web development/Mobile/Hybrid approach">Un enfoc híbrid</a></li> +</ul> +<h2 id="Llegeix_també">Llegeix també</h2> +<ul> + <li><a href="/en/Web_Development/Responsive_Web_design" title="Responsive Web design">Disseny web sensible</a> per obtenir més recursos</li> +</ul> +<div class="originaldocinfo"> + <h3 id="Document_d'informació_original">Document d'informació original</h3> + <p>Originalment publicat al 27 Maig, 2011 al bloc Mozilla Webdev com "<a class="external" href="http://blog.mozilla.com/webdev/2011/05/27/approaches-to-mobile-web-development-part-3-responsive-design/" title="http://blog.mozilla.com/webdev/2011/05/27/approaches-to-mobile-web-development-part-3-responsive-design/">Approaches to Mobile Web Development Part 3 - Responsive Design</a>", per Jason Grlicky.</p> +</div> +<p> </p> diff --git a/files/ca/web/guide/css/inici_en_css/mitjà/index.html b/files/ca/web/progressive_web_apps/responsive/media_types/index.html index f3b14fb062..f3b14fb062 100644 --- a/files/ca/web/guide/css/inici_en_css/mitjà/index.html +++ b/files/ca/web/progressive_web_apps/responsive/media_types/index.html diff --git a/files/ca/web/guide/css/inici_en_css/svg_i_css/index.html b/files/ca/web/svg/tutorial/svg_and_css/index.html index 6dac20b5a6..6dac20b5a6 100644 --- a/files/ca/web/guide/css/inici_en_css/svg_i_css/index.html +++ b/files/ca/web/svg/tutorial/svg_and_css/index.html |