Menu icon Foundation

Designer | Florence, Italy

My Posts

  • NEW
  • Mark-up Off-canvas

    By L. Fib.

    off-canvasmark-upaccordion

    Hi everybody! I'm trying to set-up an off-canvas with this structure <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="title-bar"> <div class="title-bar-... (continued)


  • NEW
  • Content in reveal-modal

    By L. Fib.

    revealcontentduplicateindexing

    Hi everybody!I've noticed that my page isn't indexed for content that I put in some divs with reveal-modal classes.If I created another page to put the content of those divs to have the page indexed, I would risk to have duplicate content on my site?   Thanks





My Comments

L. Fib. commented on L. Fib.'s post almost 2 years

Ok!
Thank you so much Tim!

Cheers

L. Fib. commented on L. Fib.'s post almost 2 years

I also notice that the Url is updated when i click on the tabs button.

L. Fib. commented on L. Fib.'s post almost 2 years

<div class="row">
  <div class="show-for-medium-up">
    <div class="medium-12 columns medium-centered bluff-off">
      <ul class="tabs" data-tab>
        <li class="tab-title active"><a href="#panel1">Carico</a></li>
        <li class="tab-title"><a href="#pan2">Scarico</a></li>
        <li class="tab-title"><a href="#pan3">Crea codici</a></li>
      </ul>
      <div class="tabs-content">
        <div class="content active" id="panel1">

        ...this DIV last for about others 300 lines

        </div>
        <div class="content" id="pan2">  

        ...this DIV last for about others 300 lines

        </div>
      </div>
    </div>
  </div>
</div>

The content of the two panel is pure HTML, without script.
Outside I control the behaviour of the two DIV with class "bluff-off" by this script

<script type="application/javascript">

var bottoneCerca = document.getElementById("cerca");
var bottoneTrasferisci = document.getElementById("transfer");
var tabCerca = document.getElementById("divCerca");
var tabTransfer = document.getElementById("divTransfer");

  bottoneCerca.addEventListener("click", function(a){

    a.preventDefault;

    tabCerca.removeAttribute("class", "bluff");    
    tabCerca.setAttribute("id", "bluff-off-divCerca");
    tabTransfer.removeAttribute("id", "bluff-off-divTransfer");
    tabTransfer.setAttribute("class", "bluff");

  }, true);

  bottoneTrasferisci.addEventListener("click", function(a){

    a.preventDefault;

    tabTransfer.removeAttribute("class", "bluff");    
    tabTransfer.setAttribute("id", "bluff-off-divTransfer");
    tabCerca.removeAttribute("id", "bluff-off-divCerca");
    tabCerca.setAttribute("class", "bluff");

  }, true);

</script> 

L. Fib. commented on L. Fib.'s post almost 2 years

I'll try to correct my code.
Thank you so much!

You're making a great job!
Congratulations

Posts Followed

No Content

Following

    No Content

Followers

My Posts





My Comments

You commented on L. Fib.'s post almost 2 years

Ok!
Thank you so much Tim!

Cheers

You commented on L. Fib.'s post almost 2 years

I also notice that the Url is updated when i click on the tabs button.

You commented on L. Fib.'s post almost 2 years

<div class="row">
  <div class="show-for-medium-up">
    <div class="medium-12 columns medium-centered bluff-off">
      <ul class="tabs" data-tab>
        <li class="tab-title active"><a href="#panel1">Carico</a></li>
        <li class="tab-title"><a href="#pan2">Scarico</a></li>
        <li class="tab-title"><a href="#pan3">Crea codici</a></li>
      </ul>
      <div class="tabs-content">
        <div class="content active" id="panel1">

        ...this DIV last for about others 300 lines

        </div>
        <div class="content" id="pan2">  

        ...this DIV last for about others 300 lines

        </div>
      </div>
    </div>
  </div>
</div>

The content of the two panel is pure HTML, without script.
Outside I control the behaviour of the two DIV with class "bluff-off" by this script

<script type="application/javascript">

var bottoneCerca = document.getElementById("cerca");
var bottoneTrasferisci = document.getElementById("transfer");
var tabCerca = document.getElementById("divCerca");
var tabTransfer = document.getElementById("divTransfer");

  bottoneCerca.addEventListener("click", function(a){

    a.preventDefault;

    tabCerca.removeAttribute("class", "bluff");    
    tabCerca.setAttribute("id", "bluff-off-divCerca");
    tabTransfer.removeAttribute("id", "bluff-off-divTransfer");
    tabTransfer.setAttribute("class", "bluff");

  }, true);

  bottoneTrasferisci.addEventListener("click", function(a){

    a.preventDefault;

    tabTransfer.removeAttribute("class", "bluff");    
    tabTransfer.setAttribute("id", "bluff-off-divTransfer");
    tabCerca.removeAttribute("id", "bluff-off-divCerca");
    tabCerca.setAttribute("class", "bluff");

  }, true);

</script> 

You commented on L. Fib.'s post almost 2 years

I'll try to correct my code.
Thank you so much!

You're making a great job!
Congratulations

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content