Web-Dev - Joel Lipman .Com

CSS Printing - Page Break Inside with Headers and Footers

: Joel Lipman; Cascading Stylesheets; 22 February 2019; Hits: 3430

What?
I saw a lot of articles that would cover this but I wanted an example which includes headers and footers and how to get an automatic page-break-inside to not overlap these. Fine on screen but this is obviously for when it comes to printing.

Why?
I needed to create a template in HTML where the first page is a cover page (background image filling the page with a logo floating at the centre) and the next page has a table which is of variable length. Fine when the table was short and didn't have many rows. But the client will pick up the phone to you when the table has too many rows to fit on one page, and this overlaps onto the next, covering the footer and header...

How?
By spending a lot of time spinning on my chair and twiddling my thumbs...

: Joel Lipman; JavaScript; 30 October 2018; Hits: 1784

What?
This is an example of Javascript code to update and display the elapsed/remaining hours minutes and seconds in real-time.

Why?
I know there are a lot of articles out there that write about the same, but this is an example that I was coding and found to be one of the most reduced cut down formats I've made. I thought I'd make a note of it to not have to search elsewhere...

This example specifically displays the time remaining on an access_token which is generated from an OAuth 2.0 process. I want to display to the user how much time is left before another access token will be generated and how long ago was the last token created.

How?
So almost pure JS. I'm working out the seconds remaining and seconds elapsed in PHP first then passing these as two variables to the below code but you could get your values from anywhere:

: Joel Lipman; File Transfer Protocol; 06 October 2018; Hits: 4062

Applies to:

FileZilla for Mac
macOS High Sierra

A quick note to remind me how to enable FTP directory listing as it was working on my Windows PC but not on my Mac. The error I was getting was

copy raw

Error: Failed to retrieve directory listing

Error: Failed to retrieve directory listing

though I could access the folders if I browsed the existing folders by entering it in the remote directory field. Still no files or folders would show.

Category: File Transfer Protocol :: Article: 647

: Joel Lipman; Cascading Stylesheets; 19 December 2016; Hits: 2255

Applies to:

CSS
HTML

What?
A quick article on how to get a div layer to increase height based on how a heading fits on a page.

What?
I have a heading like this:

The code of this is:

copy raw

<div id="page-title" class="col-xs-12">
	<h1><a href="/">A long heading that wraps over several lines</a></h1>
</div>

<div id="page-title" class="col-xs-12">
<h1><a href="/">A long heading that wraps over several lines</a></h1>
</div>

Category: Cascading Stylesheets :: Article: 646

: Joel Lipman; Bootstrap; 14 December 2016; Hits: 2512

What?
A quick reminder on how to make the carousel in bootstrap compatible with touch devices like smartphones and tablets.

Why?
Feed back was that the user was unimpressed with the image slideshow. You have to tap on the left and right symbols...

How?
Some will suggest to load the jQueryMobile library but that started messing up the template layouts for me. I really like the solution (and think it should be voted best answer) put forward by Mark Shiraldi:

: Joel Lipman; Personal Home Page; 02 August 2016; Hits: 6115

What?
A quick article to stop me running into this issue again. This article serves to address the issue of importing characters from an XML in a different language character set and trying to load it in PHP with the function simplexml_load_string(). The error I get is something similar to:

PHP Warning:
simplexml_load_string(): Entity: line #: parser error : Input is not proper UTF-8, indicate encoding ! Bytes: 0xA0 0x3C 0x2F 0x73 in /home/public_html/my_folder/my_xml_processing_script.php on line 160

Why?
I'm downloading an XML feed to our servers, and then loading the downloaded file into memory with simplexml_load_string(). I get the above error when it is attempting to load an XML feed which is mostly in Spanish and breaks at the following XML node:

copy raw

<baÃ±os>2</baÃ±os>

-> yields issue: PHP Warning:  simplexml_load_string():     <baÃ±os>2</baÃ±os> in /home/public_html/my_folder/my_xml_processing_script.php on line 160

should read

<baños>2</baños>

<baÃ±os>2</baÃ±os>
-> yields issue: PHP Warning: simplexml_load_string(): <baÃ±os>2</baÃ±os> in /home/public_html/my_folder/my_xml_processing_script.php on line 160
should read
<baños>2</baños>

How?

Category: Personal Home Page :: Article: 642

: Joel Lipman; Web-Development; 16 May 2016; Hits: 3357

What?
A quick article on how I displayed feeds from the company's social network pages in one page.

Why?
There are 3rd-party apps that let you do this, some paid, some not. This was for a staff portal so I wanted this at no extra cost. This is read-only so actual editing of the feed would be done on the respective social network's site.

How:
This simply displays the feed... (no write back)

: Joel Lipman; Personal Home Page; 25 January 2016; Hits: 2510

Applies to:

PHP 5.4
MySQL 5.1.4
Databases initially setup with collation 'latin1_swedish_ci'

What
Another article trying to help people display foreign characters on their website without the funny question marks in diamond symbols and how I solved it in my case.

: Joel Lipman; JavaScript; 29 September 2015; Hits: 3896

What?
An article on how to quickly adapt an array code and sort by its values. Surprising how many examples are on the web and everyone saying you're doing it wrong... Which is true but quite unhelpful. The original code is not my own either but that's not an excuse. I also found that examples across the web were only partial and thought I'd write a full example here. No jQuery and using the Google Chrome browser. I wanted to:

Sort the array by its values
copyrawstyler
```
my_records.sort();
```
1. my_records.sort();
Iterate through and output these in HTML
copyrawstyler
```
for(i=0;i<my_records.length;i++){
        // do something to my_records[i]
}
```
1. for(i=0;i<my_records.length;i++){
2. // do something to my_records[i]
3. }

Category: JavaScript :: Article: 632

: Joel Lipman; Web-Development; 04 September 2015; Hits: 2208

What?
I needed to use these in a template I was working on. Font awesome is a brilliant tool for webdevelopers who want icons that can be any size of any color without compromising on image quality or overhead maintenance. It's basically a font set that has all the icons you would want in a modern website design.

How?
To use this list, you can either:

Copy the font files to your template folder (my preference) and add the linked stylesheet in the head section of your webpage. I'm selective of what icons I copy over but the full directory can be found at https://github.com/FortAwesome/Font-Awesome:
copyrawstyler
```
<link rel="stylesheet" href="/path/to/font-awesome/css/font-awesome.min.css">
```
1. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
OR add the linked stylesheet to the head section of your webpage
copyrawstyler
```
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
```
1. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

You then add the icon to your webpage using a CSS reference:

copy raw

<i class="fa fa-facebook-square"></i> My facebook social icon

<i class="fa fa-facebook-square"></i> My facebook social icon

Further examples are on the following site at https://fortawesome.github.io/Font-Awesome/examples/.

The List
This is a copy of the cheat sheet version 4.4. If some icons don't appear on this page, it is because I have only copied over some of the entire directory (the icons I want to use).

Category: Web-Development :: Article: 610

: Joel Lipman; Personal Home Page; 28 March 2015; Hits: 13782

Previously titled
Fix PHP cURL: parser error: Document labelled UTF-16 but has UTF-8 content

What?
This is an article with notes for me on how to convert some received XML encoded in UTF-16 to some JSON in UTF-8. If it were entirely in UTF-8, I would simply load the received XML with SimpleXML and use the built-in PHP JSON_encode function. I ran into the following errors:

Warning: SimpleXMLElement::__construct() [<a href='simplexmlelement.--construct'>simplexmlelement.--construct</a>]: Entity: line 1: parser error : Document labelled UTF-16 but has UTF-8 content in /public_html/.../.../my_script.php on line ###

Warning: simplexml_load_string() [<a href='function.simplexml-load-string'>function.simplexml-load-string</a>]: Entity: line 1: parser error : Document labelled UTF-16 but has UTF-8 content in /public_html/.../.../my_script.php on line ###

Why?
So I've googled, binged and yahoo'd for this and although there are some solutions that deal with loading UTF16 content into SimpleXMLElement or simplexml_load_string, it doesn't solve my problem. I'm receiving XML data within a cURL result but I get the above error with using either "SimpleXMLElement" or "simplexml_load_string". Returning the XML with cURL isn't a problem, but I want to convert it to JSON and I usually use a PHP function to load the data into an XML array and use the built-in PHP function: "json_encode".

How?

: Joel Lipman; Extensible Markup Language; 21 August 2014; Hits: 5811

Applies to

SITS:Vision v8.7.0
Uniface v9.6.03
Microsoft Windows 7
Microsoft SQL Server 2012 (SP1) - 11.0.3128.0

What?
"Quick" may not be the right word, so this is a somewhat summarized article on how to get data out of SITS, up to running the monitors and populating an OUTPUT table in the SITS database. Note that this does not include steps thereafter in the Staging or Target destination which will be specific to your business requirements.

Why?
If you're developing in SITS, and you use the client, the first time(s) you do this, the task is rather daunting. Having done it a few times and run through a few, I thought I'd note this down to remind me if I ever work for a company using SITS:Vision again.

How?

CSS Printing - Page Break Inside with Headers and Footers

Pure JS - Display Time Elapsed & Remaining

FTP on Mac: Failed to retrieve directory listing

Change div height to fit content

Make bootstrap carousel responsive to swipe

PHP Issue: simplexml_load_string parser error : Input is not proper UTF-8, indicate encoding !

Display Feeds to major Social Networks

Foreign Characters create symbols in PHP and MySQL

Sort an associative array by values in Javascript

List of Font Awesome

Convert XML UTF-16 to JSON UTF-8 with PHP cURL

A quick run through of setting up an export process in SITS

Cascading Stylesheets

Extensible Markup Language

XML Stylesheet Language Transformations

File Transfer Protocol

Hypertext Markup Language

JavaScript

MooTools Framework

Personal Home Page

Bootstrap

Credit where Credit is Due:

RSS Feed

Related Articles

Joes Revolver Map

Joes Word Cloud

Accreditation

Donate & Support