‹Return to search

Cookies, zetten, opvragen en web scraping

Cookies zetten, opvragen en web scraping
1 / 17
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 5

This lesson contains 17 slides, with interactive quizzes, text slides and 2 videos.

time-iconLesson duration is: 50 min

Items in this lesson

Cookies zetten, opvragen en web scraping

Slide 1 - Slide

Leerdoelen
- Maken van een cookie
- Zetten van een cookie
- Lezen van een cookie
- uit kunnen leggen hoe cookies uitgelezen kunnen worden door derden
uit kunnen leggen hoe jouw gegevens op een website je privacy raken

Slide 2 - Slide

Wat is het doel van een cookie

Slide 3 - Open question

een webform die een cookie maakt

Slide 4 - Slide

cookie aanmaken en zetten

Slide 5 - Slide

<html>
   <head>   
      <script type = "text/javascript">
         <!--
           function WriteCookie() {
               if( document.myform.customer.value == "") {
                  alert("Enter some value!");
                  return;
               }
            
               var now = new Date();
               now.setMonth( now.getMonth() + 1 );
               cookievalue = escape(document.myform.customer.value) + ";"
            
               document.cookie = "name=" + cookievalue + "address=" + cookievalue; "password=" + cookievalue; "girlphone=" + cookievalue;
               document.cookie = "expires=" + now.toUTCString() + ";"
               document.write ("Setting Cookies : " + "name=" + cookievalue + "address=" + "value" + "password=" + "pass" + "girlphonevalue=" + "phone");
            }
         //-->
      </script>      
   </head>
   
   <body>      
      <form name = "myform" action = "">
         Enter name         : <input type = "text" name = "customer"/><br>
         Enter address         : <input type = "text" address = "address"/><br>
         Enter password          : <input type = "text" password = "pass"/><br>
         Enter girlphonevalue: <input type = "text" girlphonevalue = "phone"/><br>
         <input type = "button" value = "Set Cookie" onclick = "WriteCookie();"/>
      </form>   
   </body>
</html>

Slide 6 - Slide

Slide 7 - Slide

huiswerk opdracht:
voeg de code uit de eerdere sheet, toe aan je eigen html pagina

Slide 8 - Slide

readmycookie

Slide 9 - Slide

<html>
   <head>   
      <script type = "text/javascript">
         <!--
            function ReadCookie() {
               var allcookies = document.cookie;
               document.write ("All Cookies : " + allcookies );
               
               // Get all the cookies pairs in an array
               cookiearray = allcookies.split(';');
               
               // Now take key value pair out of this array
               for(var i=0; i<cookiearray.length; i++) {
                  name = cookiearray[i].split('=')[0];
                  value = cookiearray[i].split('=')[1];
                  document.write ("Key is : " + name + " and Value is : " + value);
               }
            }
         //-->
      </script>      
   </head>
   
   <body>     
      <form name = "myform" action = "">
         <p> click the following button and see the result:</p>
         <input type = "button" value = "Get Cookie" onclick = "ReadCookie()"/>
      </form>      
   </body>
</html>

Slide 10 - Slide

Web scraping

Slide 11 - Slide

opdracht 1: kijk het filmpje
(8min)

Slide 12 - Slide

Slide 13 - Video

Wat doen cookies met je privacy?

Slide 14 - Open question

Hoe kan het geven van informatie door een module op een website, jouw leven beinvloeden?

Slide 15 - Open question

verdere info voor eigen website
om zelf je cookie en het invulformulier wat aan te passen

Slide 16 - Slide

Slide 17 - Video

More lessons like this

01 - Javascript - wat is javascript

- Lesson with 12 slides
ICTMBOStudiejaar 1,2

01 - Javascript - wat is javascript

- Lesson with 12 slides
ICTMBOStudiejaar 1,2

PHP voor Webpagina's

- Lesson with 20 slides

WEEK 3 - INFORMATICA

- Lesson with 38 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

Forms

- Lesson with 19 slides
IT Service deliveryFurther Education (Key Stage 5)

01 - Javascript - wat is javascript

- Lesson with 15 slides
ICTMBOStudiejaar 1,2

03 - Javascript - output

- Lesson with 10 slides
ICTMBOStudiejaar 1-4

bkup 03-HTML-document

- Lesson with 37 slides
Communication & multimedia designHBOStudiejaar 2