Hello!

This is not exactly a tool of the types that were put into this post, but I just want to introduce it to add that there are several “tools / contents” that can be embedded through the iframe element (<iframe> …. </ iframe>) – this is called an element in the HTML language – by configuring only the URL (through the content attribute “src”), the width and the height.

I say this because we can insert in our posts and pages not only external content that makes the embedded code available, but also through this space with the iframe, we can incorporate our own content / tools.
This “tool” that I introduced in this post is an example of incorporating content created by myself without external embedding code.

It may seem a little tricky for non-coders, but to do that, if you want to, just follow the “recipe” <iframe src = “URL” width = “value you want for the width of the frame” height = “value that you want for the frame height” frameborder = “value of the border you want”> </ iframe> and insert it how you insert the external embedded codes.

Follow this “recipe” exactly as it is, with spaces and quotation marks where they exist. This post is just one more note of what was posted.

If you want to test this “tool”, as it is in Portuguese, just change the year of the DATA_VAL column by double-clicking it, and see if there is a change in the color of the STATUS column.
It is a worksheet that compares the date of validity with today’s date of fictitious products to train the logical reasoning of the students who will have to build it in class.

I hope, therefore, to have helped and contributed to everyone. Below, is the “tool” in question.

Regards

Embedded code test

8 thoughts on “Embedded code test

  • 13 de janeiro de 2019 at 11:39
    Permalink

    Obrigado, Carlos, for the iframe code.

    Can you add text to the iframe, for example, give it a title that is not in the embedded document itself?

    Also, if I only know one of the dimensions, can I leave out the other dimension without affecting the frame?

    Josianne

    Reply
  • 13 de janeiro de 2019 at 17:09
    Permalink

    Hello Josianne!

    The iframe element only incorporates other small codes into your web page. That is your job. So to add a “title” to it, you’ll have to add it in the body of the page post itself, meaning that title will not be part of the iframe.

    As for the dimensions you cited, can you clarify what it is, that is, what do you mean by “dimension”?

    Regards

    Reply
    • 13 de janeiro de 2019 at 17:14
      Permalink

      Thanks for the quick response.

      With an height are the dimensions of the document or object. If I do not specify the height, only the width, will the frame include the whole document/object?

      Reply
      • 13 de janeiro de 2019 at 17:16
        Permalink

        Blasted autocorrect.

        The first sentence should start with “Width and height…”

        Reply
  • 13 de janeiro de 2019 at 18:04
    Permalink

    Hello Josianne!

    The iframe element is interpreted by the browser that “run” it. So, there is a default size determined by it (browser) that is about 300px (width) and 150px (height). Please see an image referring to this in this link: https://www.screencast.com/t/oAdX3n3ZK4.
    From this, you change the width and height parameters at your discretion.

    Regards

    Reply
    • 13 de janeiro de 2019 at 18:14
      Permalink

      Note: This width and height were entered by the browser. I simply did not insert them into the iframe. See the code inserted by me: . See that there is not any width or height parameter.

      Regards

      Reply

Deixe uma resposta para PROF. CARLOS SANCHES Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *