PDF File Download and Redirect With One Click Using HTML and JavaScript

-


PDF File Download and Redirect With One Click Using HTML and JavaScript

  • The anchor tag can be used to download files or to redirect to another web page.
  • The href attribute creates a hyperlink to file.
  • The 'download' attribute specifies that the target(the files specified in the href attribute) will be downloaded when a user clicks on hyperlink.

Here is the simple code to download and redirect the pdf file.

HTML CODE

<a href="filename.pdf" onlclick=" redirectPage('filename.pdf'); "  download>
    Click here to download
</a>



JAVASCRIPT CODE

<script type = "text/javascript" >
    function redirectPage(url)
        {
            window.open(url);
        }
</script>

                                                
                                                                                          - Happy Coding

Comments

Post a Comment

Popular posts from this blog

Simple HTML Form Elements For Registration Page Example

-
Image
<!DOCTYPE html> <html lang="en">     <head>         <title>Form Elements</title>         <link href="bootstrap.min.css" rel="stylesheet" type="text/css"  />         <style type="text/css">             .Mycontainer{                 margin-left: 30px;                 margin-right: 50px;                 margin-top: 10px;             }             .mb10{                 margin-bottom: 10px;             }         </style>     </head>     <body>         <div class="Mycontainer">             ...
Read more

Writing data to a file using Python

-
  Writing data to a file using Python Writing data to a file in Python can be done in a variety of ways, depending on the file type and how you want to save the data. Here's a general guide to common formats. 1. Writing Text to a Plain Text File # Writing text data data = "This is some text data." # Open a file in write mode ('w') and write data with open("output.txt", "w") as file:     file.write(data) 2. Writing Data to a CSV File import csv # Data to write data = [     ["Name", "Age", "City"],     ["Rajesh", 25, "India"],     ["Shaun", 30, "San Francisco"],     ["Afzal", 35, "Chicago"] ] # Writing to a CSV file with open("output.csv", "w", newline="") as file:     writer = csv.writer(file)     writer.writerows(data) 3. Writing Data to a JSON File import json # Data to write data = {     "Name": "Alice", ...
Read more

Validation Code For Phone Number Using preg_match() in Php

-
Image
Phone Number Validation Using preg_match() Below code shows validation of Phone Number 1)Checking whether user input (Phone Number) contains an alphabet in Phone Number          <?php         $mobile_no="123fdgdg890";        if(preg_match("/[a-z][A-Z]/i", $mobile_no))        {   echo "Invalid Phone Number!";        }else{                echo "Valid Phone Number!";        }      ?> Output :Invalid Phone Number! Syntax preg_match("/[a-z][A-Z]/i", $mobile_no) The above syntax will verify whether given phone number is well-formed or not.if it is not, it will show an error message. The    preg_match()  function helps to find whether a given variable is valid or not. 2 )Checking whether user input (Phone Number) contains 10 digits in Phone Number      <?php...
Read more