The two groups that oversee the lingua franca of the web no longer share a single editor, making them farther apart than ever. So which road should you follow? Hopefully the answer will continue to be both.
html
All posts tagged html
jQuery Text Highlighter is a jQuery plugin for highlighting text fragments in HTML documents. Highlighting is done by wrapping selected text in > tags.
FEATURES
Highlighting text that spanning multiple tags.
Removing highlights.
Setting highlight color and custom text wrapper.
Callbacks for highlighting and removing highlights.
COMPABILITY
This plugin has been tested to work in following browsers:
Mozilla Firefox 3, 3.6, 4, 5, 6, 7, 12
Internet Explorer 7, 8, 9
Google Chrome 14, 18
Opera 11.62
Safari 5.1
Have you ever dream of being able to create an accordion or toggle widget purely using HTML and CSS? Yes it is possible to create a nice looking and easily configurable accordion widget purely using the power of HTML5. No need to load any external javascript plugins or libraries. Gone are the days when you had to depend on javascript plugins to create interactive accordion widgets.
jQuery Handsontable is a minimalistic approach to Excel-like table editor in HTML and jQuery.
FEATURES
Autoexpanding – Adds new rows and cols automatically, width and height of cells auto-adjust to content.
Copy Paste Compatibility – Data can be copied and pasted between jQuery Handsontable, MS Excel, Google Spreadsheet or LibreOffice.
Legend – The legend feature makes the first row uneditable and have an green font.
Autocomplete – You can define rules for autocompletition.
Scroll – If you want scrollbars, just set it in the container CSS.
Drag-down – There is a little square (fill handle) in the corner of a selected cell. You can drag it (drag-down) to repeat the values from the cell.
Context menu – You can implement context menus. Right click on a cell to see the context menu.
Custom Buttons – The alter method can be used if you want insert or remove rows and columns using external buttons.
Save – Use the onChange callback to track changes made in the table.
Author: Luiz Alfredo
Posted: Tue Apr 03, 2012 5:59 pm (GMT -7)
Topic Replies: 1
Good work. Thanks.
_________________
L.A.G.M.
Author: dpayer
Subject: Array2Table – display arrays as HTML – import Excel data
Posted: Tue Apr 03, 2012 1:23 pm (GMT -7)
Topic Replies: 0
I have created this project with the hope of developing a clean function to display 2 dimensional variable arrays as HTML tables and to import data from Excel / MSWord / Internet Explorer into arrays for use as data in NB apps.
The demo is not a polished one but shows core functionality. I would appreciate feedback and suggestions on creating additional properties that could be developed for this.
Array2Table
Display the contents of a NB variable array as an HTML table. The samples here have data in a comma separated set for each element of the array
| Code: |
|
myArray1 = val1","val2","val3","val4" myArray2 = val5","val6","val7","val8" etc. . . . . |

I have created a simple data entry form – sample real estate data – to place data in an array which is then displayed as an HTML table.
The appearance / colors of the table are controlled by CSS (see below). Remember: HTML tables can contain pictures and links if your data defines the cell as such. I have also provided a way to control which columns are displayed.

Table2Array
Copy/paste the contents of a Excel spreadsheet / MS Word table / or Internet Explorer table into a variable array for use as data in your application. 100 columns x 20 rows of text data from a spreadsheet was imported and then displayed as html in 6 seconds by creating a 100 element array with 20 data items per element.

Transferring data from Excel and Word tables is consistent. Copying from tables displayed in IE is less so as you can create tables using CSS vs HTML and you can use non-standard HTML and still have it look like a normal table. Still, you may find the results helpful.
I use the HTML editor TinyMCE to assist in the IE table information transfer. You will need some additional files (below) for that part to work.
If you would just like to see the functionality of this, you can download the compiled executable HERE
Here is the NB pub file. It will require a NB function I made in order to use the column selection property. The function – click here – is named movebetweenlistboxes
For the pasting from Internet Explorer tables you will need to have two folders in your [pubdir] folder: html & jscripts. The zip files are here:
html.zip & jscripts.zip.
If you don’t have a html table right at hand, here is one
You will need those even for the compiled app as I didn’t include them as embedded files.
I will work to create a means to add header rows and as mentioned, I hope to release this as a NB function.
I have other projects in mind that use the BrowserObject including runtime objects (listboxes / combo boxes / text boxes, etc.) and I am currently working on a HTML editor that I want to release as shareware.
Let me know what you think would enhance the functionality of this project.
David P.
I want to be able to read a file, locate specific text within that file (##TEXT##) and put text (<OPTION value="August 19, 2006.html">August 19, 2006</option>) above the text I found.
Example:
<SELECT name="guidelinks">
<OPTION value="August 17, 2006.html">August 17, 2006</option>
<OPTION value="August 18, 2006.html">August 18, 2006</option>
##TEXT## <– search for this
</SELECT>
I want to insert text above the ##TEXT## so it will look like this:
<SELECT name="guidelinks">
<OPTION value="August 17, 2006.html">August 17, 2006</option>
<OPTION value="August 18, 2006.html">August 18, 2006</option>
<OPTION value="August 19, 2006.html">August 19, 2006</option>
##TEXT##
</SELECT>
Code:
SetVar "[Tag]" "##TEXT##"
SetVar "[Root]" "August 19, 2006"
SetVar "[NewText]" "<OPTION value=[#34][Root].html[#34]>[Root]</option>"
SetVar "[NL]" "[#13][#10]"
FileRead "myFile.htm" "All" "[BeforeText]"
StrReplace "[BeforeText]" "[Tag]" "[NewText][NL][Tag]" "[AfterText]"
FileWrite "myFile.htm" "All" "[AfterText]"
———————————————
What is Neobook?
Without ANY programming knowledge, you too can create and compile great full featured Windows Software, presentations, e-books, e-zines, catalogs and much more!
Simply put, it is a programming environment that allows you to create, compile and distribute royalty free applications of any kind. From beginners to advanced programmers, NeoBook RAD5 Pro has something for everybody. Try it free!