orioltf
5/19/2012 - 12:40 PM

#JQUERY #CHROME: Resizable frames a les pagines de la UOC en Chrome

#JQUERY #CHROME: Resizable frames a les pagines de la UOC en Chrome

frames.js
content_copyfile_download
$('frameset').attr('border','5')
	.find('frame')
	.removeAttr('title').removeAttr('name').removeAttr('noresize').removeAttr('scrolling')
	.removeAttr('marginwidth').removeAttr('marginheight').removeAttr('frameborder').removeAttr('id')
	.attr('frameborder','5');
Instruccions.md
content_copyfile_download
  • Rendered
  • Source
  1. Instalar l'extensió jQuerify (https://chrome.google.com/webstore/detail/gbmifchmngifmadobkcpijhhldeeelkc). Veurem que hi ha una nova icona de fons blau fosc amb una figura piramidal roja.
  2. Obrir una pàgina amb frames que vulguem fer resizable, com per exemple un forum d'una àula.
    • Si la pàgina s'obre en un pop-up, cal tornar la nove finestra a la finestra principal. Es pot fer arrossegant la icona del costat de la url de la finestra nove a la barra de pestanyes de la finestra principal, per exemple entre dues pestanyes.
  3. Clicar a sobre de la nova icona de l'extensió jQuerify
  4. Activar les eines de desenvolupador. En Windows: F12, en MacOsX: Cmd+Alt+i
  5. Activar la consola (Esc)
  6. Enganxar-hi el codi de l'arxiu frame.js i prémer Enter.
    Si no veieu els borders grisos a través dels quals poder re-escalar els frames, re-escaleu la finestra.
  7. Ja es pot tancar la finestra d'eines de desenvolupador (amb la mateixa combinació de tecles del pas 4, per exemple)