Web development learning thread(Javascript, HTML, CSS, angular, vue.js). Post: 303034011

Sponsored Content

Top Forums Web Development Web development learning thread(Javascript, HTML, CSS, angular, vue.js). Post 303034011 by RavinderSingh13 on Tuesday 16th of April 2019 12:58:27 PM

04-16-2019

Moderator

Hello All,

Here is what I learnt today location.replace, what is does is; when someone hits a button, we could re-direct our current page to any other URL/site/page. Codes are as follows for it.

HTML code(re-locate_page.html):

Code:

<html>
    <head>
        <title>redirecting url example!!</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <script type="text/javascript" src="re-locate_page.js"></script>
    </head>
    <body>
        <p><h1>Click following button to redirect to new link!!</h1></p>
        <button id="button1" onclick="myfunction()">Click here to move to new page!!</button>
    </body>
</html>

JS code(re-locate_page.js):

Code:

function myfunction (){
    location.replace("https://www.unix.com/")
}

When I hit URL(http://localhost:5500/re-locate_page.html there will be a button named "lick here to move to new page!!" and when we hit it, it redirects us to UNIX.com

Explanation: Explanation would be simple, a function named myfunction is being called when someone hits button, in function(which is in JS file) location.replace is responsible for redirecting page to newly mentioned page/address.

Still have 1 more hour energy in me, could try to post some more(may be Ajax call sample example).

NOTE: This thread is for learning; since I am newbie in JS and not learning from book(which I mentioned in very first post too), this is not a sequential kind of learning, it is only references which someone could take it. Once I get good hands on I may post small projects etc then on forums.

Thanks,
R. Singh

Last edited by RavinderSingh13; 04-16-2019 at 02:06 PM..

RavinderSingh13

View Public Profile for RavinderSingh13

Find all posts by RavinderSingh13

7 More Discussions You Might Find Interesting

1. Web Development

Help with passing HTML values in to JavaScript

Not sure if this is the right place to ask this but here goes. I am creating a cheat sheet for co-workers. The concept is that you pick wire size and conduit size and the amount of wires that will fit is displayed. I haven't used alot of drop downs and can't quite figure out the way the get id...

2. Shell Programming and Scripting

Javascript or HTML to retrieve apache username

I have a internal wesbite set up and any visitor must enter username / passwd as defined in apache (I've set these up using htpasswd) I use cgi scripts set up using ksh or javascript to populate pages / tables etc. I want to be able to get the apache username that the used authorised...

3. Web Development

Learning HTML

I have tried to create a web page browser window. An example, I copied what the book pretty much wanted but get only the header. What should I change? Also Anyone know any good books for this? Many thanks. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Translation/EN" ...

4. Programming

Looking For the Best Way to Rotate an Image: JavaScript, PHP, HTML etc

Hey All, What I'm looking for is a way to rotate an image by non 90 degree angles (ie 90, 180, 270, 360). I am able to do it in PHP, but there are errors in the image, some pixels end up colored incorrectly and the image ends up resized and I lose transparency. I've done my share of searching on...

5. Web Development

HTML down, CSS help, ahhhh

I am having some problems. I have been able to learn HTML, but when I try and encode CSS, nothing happens, what is the major issue here. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>MY CSS</title> <style...

6. Web Development

Simple Vue.js Component to Redirect to External Web Page Using Vue Router

Vue Router has some quirks and on of the quirks is that it is not reliable when adding external links using the vue-router library. After struggling with many solutions, I have found that creating a simple Vue.js component like this one seems to work the best (so far): Component Example: ...

7. Web Development

Google Trends: react.js angular.js vue.js

While I'm on the subject of Google trends, here is a global trend since 2004 comparing react.js, angular.js, vue.js It's no secret I'm a vue.js fan and coder, but not because of the trend line (which I just saw for the first time a few minutes ago) My experience is that vue.js, a late arrival...

LEARN ABOUT DEBIAN

xhtml2pdf

XHTML2PDF(1)							   User Commands						      XHTML2PDF(1)

NAME

       xhtml2pdf - PDF generator using HTML and CSS

SYNOPSIS

       xhtml2pdf [-b base path] [--base=base path] [-c CSS file] [--css=CSS file] [--css-dump] [-d] [--debug] [--encoding=character encoding] [-h]
		 [--help] [-q] [--quiet] [--version] [-w] [--warn] [-x] [--xml] [--xhtml] [--html] [SRC] [DEST]

DESCRIPTION

       This manual page documents briefly the xhtml2pdf command.

       xhtml2pdf is an HTML-to-PDF converter using the ReportLab Toolkit, HTML5lib and pyPdf.

       It supports HTML 5 and CSS 2.1 (and some of CSS 3). It is completely written in pure Python so it is platform independent. The main benefit
       of this tool that a user with Web skills like HTML and CSS is able to generate PDF templates very quickly without learning new
       technologies. Easy integration into Python frameworks like CherryPy, KID Templating, TurboGears, Django, Zope, Plone, Google AppEngine
       (GAE) etc.

OPTIONS

       A summary of options is included below.

       SRC
	   Name of a HTML file or a file pattern using * placeholder. If you want to read from stdin use - as file name. You may also load an URL
	   over HTTP. Take care of putting the src in quotes if it contains characters like ?.

       DEST
	   Name of the generated PDF file or - if you like to send the result to stdout. Take care that the destination file is not already opened
	   by an other application like the Adobe Reader. If the destination is not writeable a similar name will be calculated automatically.

       -b, --base
	   Specify a base path if input comes via STDIN.

       -c, --css
	   Path to default CSS file

       --css-dump
	   Dumps the default CSS definitions to STDOUT.

       -d, --debug
	   Show debugging information.

       --encoding
	   The character encoding of SRC. If left empty (default) this information will be extracted from the HTML header data.

       -h, --help
	   Show the help text.

       -q, --quiet
	   Show no messages.

       --version
	   Show version information.

       -w, --warn
	   Show warnings

       -x, --xml, --xhtml
	   Force parsing in XML mode (automatically used if SRC ends with .xml).

       --html
	   Force parsin in HTML mode (default).

AUTHOR

       xhtml2pdf was written by Dirk Holtwick <dirk.holtwick@gmail.com>.

       This manual page was written by Toby Smithe <tsmithe@ubuntu.com>, for the Debian project (but may be used by others).

pisa								    02/08/2010							      XHTML2PDF(1)