Colocar iframe/formulário no meu fórum

[19bpmm]

Detalhes da questão

Endereço do fórum: https://19bpmm-roleplay.forumbrasil.net/
Versão do fórum: AwesomeBB

Descrição

Boa tarde, gostaria de uma ajudinha.
Estou montando um "site", através do forumeiros.
Li em alguns lugares, antes de começar a customiza-lo que poderia deixar até com uma cara de "site".

Jogo GTA Roleplay, e estou montando um site pra fazer inscrição para polícia e montei o formulário de inscrição por um site secundário, no caso o JotForm.
O Jotform, me oferece opções para publicar meu formulário em outros locais pelos códigos:

Código:

<script type="text/javascript" src="https://form.phishing-site.www/jsform/201835320957658"></script>

e também um iFrame

Código:


    <iframe
      id="JotFormIFrame-201835320957658"
      title="Inscrição pára candidatos 19º BPM/M"
      onload="window.parent.scrollTo(0,0)"
      allowtransparency="true"
      allowfullscreen="true"
      allow="geolocation; microphone; camera"
      src="https://form.phishing-site.www/201835320957658"
      frameborder="0"
      style="
      min-width: 100%;
      height:539px;
      border:none;"
      scrolling="no"
    >
    </iframe>
    <script type="text/javascript">
      var ifr = document.getElementById("JotFormIFrame-201835320957658");
      if(window.location.href && window.location.href.indexOf("?") > -1) {
        var get = window.location.href.substr(window.location.href.indexOf("?") + 1);
        if(ifr && get.length > 0) {
          var src = ifr.src;
          src = src.indexOf("?") > -1 ? src + "&" + get : src  + "?" + get;
          ifr.src = src;
        }
      }
      window.handleIFrameMessage = function(e) {
        if (typeof e.data === 'object') { return; }
        var args = e.data.split(":");
        if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }
        if (!iframe) { return; }
        switch (args[0]) {
          case "scrollIntoView":
            iframe.scrollIntoView();
            break;
          case "setHeight":
            iframe.style.height = args[1] + "px";
            break;
          case "collapseErrorPage":
            if (iframe.clientHeight > window.innerHeight) {
              iframe.style.height = window.innerHeight + "px";
            }
            break;
          case "reloadPage":
            window.location.reload();
            break;
          case "loadScript":
            var src = args[1];
            if (args.length > 3) {
                src = args[1] + ':' + args[2];
            }
            var script = document.createElement('script');
            script.src = src;
            script.type = 'text/javascript';
            document.body.appendChild(script);
            break;
          case "exitFullscreen":
            if      (window.document.exitFullscreen)        window.document.exitFullscreen();
            else if (window.document.mozCancelFullScreen)   window.document.mozCancelFullScreen();
            else if (window.document.mozCancelFullscreen)   window.document.mozCancelFullScreen();
            else if (window.document.webkitExitFullscreen)  window.document.webkitExitFullscreen();
            else if (window.document.msExitFullscreen)      window.document.msExitFullscreen();
            break;
        }
        var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
        if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
          var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
          iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
        }
      };
      if (window.addEventListener) {
        window.addEventListener("message", handleIFrameMessage, false);
      } else if (window.attachEvent) {
        window.attachEvent("onmessage", handleIFrameMessage);
      }
      </script>

Estou tendo dificuldade, quando coloco o código do formulário não vem, fica em branco.. alguém poderia me ajudar por favor a anexar isso ao meu fórum?
Ou alguma outra forma de colocar formulários de inscrição no meu fórum?

e também, eu queria me aprofundar mais na customização do meu fórum, deixar ele mais com cara de "site" mesmo, e remover as coisas padrão, como emotes, convidados/membros criarem tópicos e etc.

Agradeço desde já, forte abraços!!

[tikky]

Olá @19bpmm,

Entre no Painel de controle > Visualização > Templates > Geral edite o Overall_header ()  localizando a tag </head> e em cima adicione:

Código:

<script type="text/javascript" src="https://form.phishing-site.www/jsform/201835320957658"></script>

Relativamente ao código do formulário, o senhor pode escolher usar no conteúdo de uma postagem (tópico) ou uma página HTML, qual prefere?


Aguardo uma resposta sua,
pedxz.

Bem-vindo ao Fórum dos Fóruns! Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum; Lista de tutoriais e perguntas frequentes; A Equipe de Suporte; A função de busca.

[19bpmm]

@pedxz

Muito obrigado!! Olha a print, adicionei está correto?
https://i.servimg.com/u/f75/20/23/57/28/110.jpg

Sobre a pergunta, qual a diferença das duas?
Eu gostaria deixar num estilo tipo site mesmo, então acho que seria no HTML.. mas se puder me mostrar a diferença eu adoraria!
Gostei muito da rapidez do suporte e clareza, parabéns.

[tikky]

adicionei está correto?

Infelizmente não, localize exatamente o termo que eu citei em cima, e é para ser adicionado em cima

A primeira opção é adicionar em um tópico dando possibilidade aos membros de comentar, caso seja uma página HTML o senhor pode customizar a mesma a 100%

[19bpmm]

Certo, acho que agora sim
https://i.servimg.com/u/f75/20/23/57/28/111.jpg

Pois então, prefiro em HTML então, algo mais como "site" comum.

[tikky]

Perfeito!

Então, entre no Painel de controle > Módulos > HTML e JAVASCRIPT > Gestão das páginas HTML clique no botão verde "Criar no modo avançado (HTML)" cole o código do formulário deixando a opção "Você deseja utilizar o início e o final da página do seu fórum ?" como "Sim"!

[19bpmm]

pedxz

Segui tudo aqui, consegui realizar todo procedimento

Porém, devo colar na caixa o iframe, ou o primeiro código curto?

Tentei com os dois aqui,
no Iframe recebo um erro de "Não foi possível encontrar o endereço IP do servidor de form.phishing-site"

E com o primeiro código, a página fica simplesmente branca
Sabe o que pode ser?

[tikky]

deixando a opção "Você deseja utilizar o início e o final da página do seu fórum ?" como "Sim"!

A etapa de cima é de extrema importância para que o formulário funcione! Cole o código "longo":

Código:

 
    <iframe
      id="JotFormIFrame-201835320957658"
      title="Inscrição pára candidatos 19º BPM/M"
      onload="window.parent.scrollTo(0,0)"
      allowtransparency="true"
      allowfullscreen="true"
      allow="geolocation; microphone; camera"
      src="https://form.phishing-site.www/201835320957658"
      frameborder="0"
      style="
      min-width: 100%;
      height:539px;
      border:none;"
      scrolling="no"
    >
    </iframe>
    <script type="text/javascript">
      var ifr = document.getElementById("JotFormIFrame-201835320957658");
      if(window.location.href && window.location.href.indexOf("?") > -1) {
        var get = window.location.href.substr(window.location.href.indexOf("?") + 1);
        if(ifr && get.length > 0) {
          var src = ifr.src;
          src = src.indexOf("?") > -1 ? src + "&" + get : src  + "?" + get;
          ifr.src = src;
        }
      }
      window.handleIFrameMessage = function(e) {
        if (typeof e.data === 'object') { return; }
        var args = e.data.split(":");
        if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }
        if (!iframe) { return; }
        switch (args[0]) {
          case "scrollIntoView":
            iframe.scrollIntoView();
            break;
          case "setHeight":
            iframe.style.height = args[1] + "px";
            break;
          case "collapseErrorPage":
            if (iframe.clientHeight > window.innerHeight) {
              iframe.style.height = window.innerHeight + "px";
            }
            break;
          case "reloadPage":
            window.location.reload();
            break;
          case "loadScript":
            var src = args[1];
            if (args.length > 3) {
                src = args[1] + ':' + args[2];
            }
            var script = document.createElement('script');
            script.src = src;
            script.type = 'text/javascript';
            document.body.appendChild(script);
            break;
          case "exitFullscreen":
            if      (window.document.exitFullscreen)        window.document.exitFullscreen();
            else if (window.document.mozCancelFullScreen)  window.document.mozCancelFullScreen();
            else if (window.document.mozCancelFullscreen)  window.document.mozCancelFullScreen();
            else if (window.document.webkitExitFullscreen)  window.document.webkitExitFullscreen();
            else if (window.document.msExitFullscreen)      window.document.msExitFullscreen();
            break;
        }
        var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
        if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
          var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
          iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
        }
      };
      if (window.addEventListener) {
        window.addEventListener("message", handleIFrameMessage, false);
      } else if (window.attachEvent) {
        window.attachEvent("onmessage", handleIFrameMessage);
      }
      </script>

[19bpmm]

É fiz tudo certo, porém, acho que sem sucesso!
https://i.servimg.com/u/f75/20/23/57/28/112.jpg

[tikky]

Era algo que devia ter sido a primeira coisa a ser verificada, desculpe, mas o link:

Código:

<script type="text/javascript" src="https://form.phishing-site.www/jsform/201835320957658"></script>

É inválido, o senhor gerou este código onde?

Lembre-se que este fórum de suporte só tem a capacidade de resolução de conteúdo interno aos fóruns gratuitos Forumeiros.

[19bpmm]

@Pedxz

Peguei os dois códigos no próprio site da produtora do formulário, a JotForm

[tikky]

Baseado da seguinte questão resolvida neste código implantado do overall_header:

Código:

<script type="text/javascript" src="https://form.phishing-site.www/jsform/201835320957658"></script>

Altere "phishing-site.www" para "jotform.com" porém pela última resposta da questão resolvida não sei se o formulário funciona

[tikky]

Tópico resolvido Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.