Skip to main content

Handling MISSING Image in HTML

It often happens that we allow users to upload a profile pic. But all the users do not upload a pic. Thus either we have to copy the same template image for all users or we get a broken image in the page. To fix this, use onerror code.
Approach 1 - Hide the image if no image is available.

onerror="this.style.display='none'"

Approach 2 - Use a template / filler image.
onerror="this.src='fallback-img.jpg'"

Comments

Post a Comment

Popular posts from this blog

Height in Feet and Cms using PHP

The following code can be used to generate a Select field as displayed in the image. It is done in core php. <select name="height" required> <option value="">Select</option> <?php for($inches=48;$inches<=78;$inches++) //Change the range in inches as required { $cm=ceil($inches*2.54); $feet=(($inches-($inches % 12))/12)."&rsquo; ".($inches % 12)."&rdquo;"; ?> <option value="<?php echo $cm; ?>"><?php echo $feet.' ('.$cm.' cms)'; ?></option> <?php } ?> </select> Keywords: html form select options convert height length inch cm cms to feet
Post a Comment
Read more

WhatsApp for Windows stuck in Fullscreen

In case your whatsapp for windows is stuck in fullscreen, close Whatsapp and open the following file. C:\Users\ username \AppData\Roaming\WhatsApp\settings.json where username is your login ID in windows. The file can be opened with Notepad or any text editor. Change "isFullScreen":true to "isFullScreen":false Save the file and start WhatsApp. Now you can change the size of the window. (If required, you can change the size of whatsapp window from the json file too.
Post a Comment
Read more

CRON Jobs

In Sentora Environment, CRON Jobs can be run using Root Level Crons or Sentora Crons. If it is a system level command like restarting services or backup outside the root, then system level cron should be used. For running php scripts like sending daily summary, mailing database backup, etc then Sentora cron should be used.
Post a Comment
Read more