Categorías
hoy aprendí ...

A reemplazar una etiqueta HTML con jQuery

Para reemplazar una etiqueta HTML conservando su contenido, por ejemplo:

<code>
    <p>contenido html</p>
</code>

Por

<pre>
    <p>contenido html</p>
</pre>

Ejecutar

$('code').replaceWith(function(){
    return $("<pre />").append($(this).contents());
});

Atención a la nota que indica que conserva el HTML dentro.

Gracias: https://stackoverflow.com/questions/7093417/using-jquery-to-replace-one-tag-with-another/7093472#7093472

Categorías
hoy aprendí ...

… a que (nuevamente) hay que prestar atención al orden

Incorporando el plugin jQuery Lightbox2 para uno de los sitios webs, en reemplazo del Fancybox (gracias por los años de servicio) y perdiendo unos 30 minutos en intentar hacer que funcionara, cuando reviso el código de ejemplo ¡el script está cargado al final del HTML!

El cambio se debió a que el Fancybox está muy desfasado respecto a las versiones actuales.

Categorías
Tiempo Fluido

TF / Modulos: guardar archivo

 

javascript save file local – Buscar con Google – https://www.google.com.ar/search?q=javascript+save+file+local&client=tablet-android-samsung&sourceid=chrome-mobile&espv=1&ie=UTF-8
HTML5: FileSystem API – Create Files and Store Them Locally Using JavaScript and Webkit – noupe – http://www.noupe.com/design/html5-filesystem-api-create-files-store-locally-using-javascript-webkit.html
Loading, Editing, and Saving a Text File in HTML5 Using Javascript | This Could Be Better – https://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/
eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation – https://github.com/eligrey/FileSaver.js/
Saving a file with pure JS – https://codepen.io/davidelrizzo/pen/cxsGb

 

Categorías
Tiempo Fluido

TF / Módulos: diagramas jQuery

Create An Editable Organization Chart with jQuery orgChart Plugin | Free jQuery Plugins – http://www.jqueryscript.net/chart-graph/Create-An-Editable-Organization-Chart-with-jQuery-orgChart-Plugin.html
Simple SVG Flow Chart Plugin with jQuery – flowSVG | Free jQuery Plugins – http://www.jqueryscript.net/chart-graph/Simple-SVG-Flow-Chart-Plugin-with-jQuery-flowSVG.html
jQuery Plugin To Generate SVG Based Flowchart Diagram | Free jQuery Plugins – http://www.jqueryscript.net/chart-graph/jQuery-Plugin-To-Generate-SVG-Based-Flowchart-Diagram.html
Drag’n’drop Flow Chart Plugin With jQuery And jQuery UI – flowchart.js | Free jQuery Plugins – http://www.jqueryscript.net/chart-graph/Drag-drop-Flow-Chart-Plugin-With-jQuery-jQuery-UI-flowchart-js.html
Flowchart – http://gojs.net/latest/samples/flowchart.html
Navigating the Maze that is a Library | Rich McCue v4.0 – https://richmccue.com/2010/08/03/navigating-the-maze-that-is-a-library/
JavaScript Diagram Editor – https://jgraph.github.io/mxgraph/javascript/
ucdavis/wayfinding: jQuery plugin for interactive svg maps – https://github.com/ucdavis/wayfinding
tinyhippos/jWorkflow: Dude, Where’s My Workflow? – https://github.com/tinyhippos/jWorkflow
WebCola – Javascript Constraint-Based Graph Layout | jQuery Plugins – http://jquery-plugins.net/webcola-javascript-constraint-based-graph-layout
cola.js: Constraint-based Layout in the Browser – http://marvl.infotech.monash.edu/webcola/
D3.js – JavaScript Visualization Library for HTML and SVG | jQuery Plugins – https://github.com/mbostock/d3/wiki/Gallery
FlowChart.js – SVG Flow Chart Diagrams with Javascript | jQuery Plugins – http://jquery-plugins.net/flowchart-js-svg-flow-chart-diagrams-with-javascript
JS Sequence Diagrams | jQuery Plugins – http://jquery-plugins.net/js-sequence-diagrams

 

Categorías
Tiempo Fluido

TF / Módulos: local storage HTML5

Building a To-Do List with jQuery and Local Storage https://www.sitepoint.com/building-list-jquery-local-storage/