Ir para conteúdo

Maykel-ctba

Members
  • Total de itens

    1813
  • Registro em

  • Última visita

  • Dias vencidos

    22

Posts postados por Maykel-ctba


  1. Boa tarde pessoal!

     

    Tenho a seguinte REGEX, . Ela serve para detectar se uma URL vem do Youtube ou do Vimeo, e possui os parâmetros necessários.

    (?:(?i)(?:https:|http:)?\/\/)?(?:(?i)(?:www\.youtube\.com\/(?:embed\/|watch\?v=)|youtu\.be\/|youtube\.googleapis\.com\/v\/)(?<YoutubeID>[a-z0-9-_]{11,12})|(?:vimeo\.com\/|player\.vimeo\.com\/video\/)(?<VimeoID>[0-9]+))

    Ela é totalmente funcional no modelo PCRE (PHP). Testada aqui: https://regex101.com/r/PVdjg0/2

     

    Utilizo estes matches pra testar:

     

    Citar

     

    https://www.youtube.com/embed/123456789012
    https://www.youTUbe.com/embed/123456789012
    http://www.youtube.com/watch?v=My2FRPA3Gf8
    htTp://www.youtube.com/watch?V=My2FRPA3Gf8
    http://youtu.be/My2FRPA3Gf8
    http://youTU.be/My2FRPA3Gf8
    https://www.youtu.be/embed/123456789012
    https://youtube.googleapis.com/v/123456789012
    https://youtube.googleAPis.com/v/123456789012
    https://youtube.googleapis.com/embed/123456789012
    https://www.youtube.com/embed/123456789012
    http://www.youtube.com/embed/123456789012
    //www.youtube.com/embed/123456789012
    www.youtube.com/embed/123456789012

    http://vimeo.com/25451551
    http://player.vimeo.com/video/25451551

    https://player.vimeo.com/video/6969232737373733383782383273287328327342873
    http://player.vimeo.com/video/6969

     

     

    Porém, preciso utiliza-la em um campo HTML dentro do atributo pattern. Por isso, preciso convertê-la para o padrão do JS. Mas aí começam uma série de problemas.

    Se eu utilizo como está, recebo o seguinte erro:

    ? The preceding token is not quantifiable

     

    Testes que realizei:

     

    - Se eu escapar o (?i) desta maneira: (/?i), só são validadas entradas do Vimeo.

    - Se eu deixar sem o ?, mesma coisa.

    - Se eu retirar a condição (?i), fica case sensitive, e não posso utilizar, pois videos do Youtube tem o parâmetro URL muitas vezes com maisculos, minusculos...

     

    Alguém pode me ajudar?

     


  2. Utilizando a base acima, se você entender a lógica, é só ao invés de retirar a classe fix-nav-menu, crie outra classe onde o atributo seja position:absolute, com a altura desejada. Dessa maneira, ficaria parado no píxel determinado.

     

    Não testei, mas tente:

    .fix-nav-menu {
         position:fixed;
    }
    .stop-nav-menu {
         position:absolute;
         top:800px;
    }
    
    $("document").ready(function($){
        
        var nav = $('#retangulo');
        
        $(window).scroll(function () {
    
            if ($(this).scrollTop() > 60 && $(this).scrollTop() < 800) {
                nav.addClass("fix-nav-menu");
            } else {
                nav.removeClass("fix-nav-menu");
                nav.addClass("stop-nav-menu");
            }
        });
    });
    
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.