Campos de criação nos tópicos

Detalhes da questão

Endereço do fórum: https://habbling.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Oi, eu gostaria de uns campos de criação como este da FDF não é igual, apenas queria um campo de criação parecido.

Obrigado desde já

Olá @weverson lopes,

Leia este tutorial e veja se resolve sua questão:
https://ajuda.forumeiros.com/t112824-

Fico no aguardo.
Chanp

Oiie chanp, esse tipo de campo eu já tenho, eu gostaria de um campo exatamente como o que disse acima, igual da FDF aonde está escrito versão, e de preferencia em fóruns especificos

weverson lopes escreveu:Oiie chanp, esse tipo de campo eu já tenho, eu gostaria de um campo exatamente como o que disse acima, igual da FDF aonde está escrito versão, e de preferencia em fóruns especificos

No caso você deseja um campo com caixa de seleção única, é isto?

sim isso mesmo

Olá @weverson lopes,

Crie uma nova página JavaScript com investimento em todas as páginas com o seguinte código:

Código:

/**
* Criado pelo Daemon
*/
$(function() {
    if (!$("input[value='newtopic']").length) return;
    var forumID = [31, 20];
    var inputVal = parseInt($('input[name="f"]').val());
    if ($.isArray(forumID) && $.inArray(inputVal, forumID) !== -1 || forumID === inputVal) {
        $('[name="subject"]').closest('dl').after(
            '<dl>' +
            '    <dt>' +
            '        <label>Seleção</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option" name="form_option" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>'
        );

        // Opcões de versões para popular o dropdown
        var optionsVers = ['Opção 1', 'Opção 2', 'Opção 3'];
        // Populando o dropdown
        $.each(optionsVers, function(key, val) {
            $('#form_option').append($('<option>', {
                value: val
            }).text(val));
        });


        $('form[name="post"]').on("click", "input[name='post']", function(e) {
            var form = {
                editor: $('#text_editor_textarea').sceditor('instance'),
                titulo: $('[name="subject"]').val(),
                imagem: $('#resultado').val(),
                autor: $('#autor').val(),
                versao: $('#versao').val(),
                categoria: $('#categoria').val()
            };
            if (form.editor.val() != '' && form.titulo != '' && form.imagem != '' && form.autor != '' &&
                form.versao != '' && form.categoria != '') {
                var content = '[center][img]' + form.imagem + '[/img][/center]\n' +
                    '[b]Nome do Arquivo:[/b] ' + form.titulo + '\n' +
                    '[b]Autor:[/b] ' + form.autor + '\n' +
                    '[b]Funcionalidade:[/b] ' + form.versao + '\n' +
                    '[b]Categoria:[/b] ' + form.categoria + '\n\n' + form.editor.val();
                form.editor.val(content);
            } else {
                alert("Preencha os campos obrigatórios");
                e.preventDefault();
            }
        });
    }
});

Ele tem a mesma função do código em cima, citado pelo Chanp, mas com uma lista de opções (totalmente personalizado)! Qualquer dúvida diga!


Atenciosamente,
pedxz.

Olá pedx

Não funcionou

O senhor não pode usar o código em cima (partilhado pelo Chanp) com os mesmos subfóruns com o que eu passei! No código encontre:

Código:

var forumID = [3, 5, 6, 7];

E mude para os subfóruns pretendidos!

pedx, funcionou mas ainda não ficou como eu queria, nessa opção eu necessito digitar, eu gostaria de opções para marcar sem precisar digitar como eu citei acima, olhe como ficou

weverson lopes escreveu:pedx, funcionou mas ainda não ficou como eu queria, nessa opção eu necessito digitar, eu gostaria de opções para marcar sem precisar digitar como eu citei acima, olhe como ficou

Confesso o erro foi meu, peço imensa desculpa, editei a mensagem em cima para não criar confusão futuramente. (ver código)

oi pedx, magina haha mas assim eu gostaria de duas caixinhas como está, será possivel? tipo só tem a seleção uma parte de seleção, eu gostaria de duas caixinhas como está.

Altere para:

Código:

/**
* Criado pelo Daemon
*/
$(function() {
    if (!$("input[value='newtopic']").length) return;
    var forumID = [31, 20];
    var inputVal = parseInt($('input[name="f"]').val());
    if ($.isArray(forumID) && $.inArray(inputVal, forumID) !== -1 || forumID === inputVal) {
        $('[name="subject"]').closest('dl').after(
            '<dl>' +
            '    <dt>' +
            '        <label>Seleção</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option" name="form_option" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>' +
            '<dl>' +
            '    <dt>' +
            '        <label>Seleção 2</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option2" name="form_option2" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>'
        );
 
        // Opcões de versões para popular o dropdown
        var optionsVers = ['Opção 1', 'Opção 2', 'Opção 3'];
        // Populando o dropdown
        $.each(optionsVers, function(key, val) {
            $('#form_option').append($('<option>', {
                value: val
            }).text(val));
        });

        // Opcões de versões para popular o dropdown
        var optionsOpt = ['Opção 1', 'Opção 2', 'Opção 3'];
        // Populando o dropdown
        $.each(optionsOpt, function(key, val) {
            $('#form_option2').append($('<option>', {
                value: val
            }).text(val));
        });
 
 
        $('form[name="post"]').on("click", "input[name='post']", function(e) {
            var form = {
                editor: $('#text_editor_textarea').sceditor('instance'),
                titulo: $('[name="subject"]').val(),
                imagem: $('#resultado').val(),
                autor: $('#autor').val(),
                versao: $('#versao').val(),
                categoria: $('#categoria').val()
            };
            if (form.editor.val() != '' && form.titulo != '' && form.imagem != '' && form.autor != '' &&
                form.versao != '' && form.categoria != '') {
                var content = '[center][img]' + form.imagem + '[/img][/center]\n' +
                    '[b]Nome do Arquivo:[/b] ' + form.titulo + '\n' +
                    '[b]Autor:[/b] ' + form.autor + '\n' +
                    '[b]Funcionalidade:[/b] ' + form.versao + '\n' +
                    '[b]Categoria:[/b] ' + form.categoria + '\n\n' + form.editor.val();
                form.editor.val(content);
            } else {
                alert("Preencha os campos obrigatórios");
                e.preventDefault();
            }
        });
    }
});

Olá pedx, olha como ficou, funcionou mas quando clica em enviar o tópico ele fica assim

veja: https://habbling.forumeiros.com/t3-wqdwqdwqdwqwdqwdqwqq#8

O senhor já editou o seu script, se sim pode passar, por favor!? Ou posso usar o de cima para remover os campos inúteis?

Código:

/**
* Criado pelo Daemon
*/
$(function() {
    if (!$("input[value='newtopic']").length) return;
    var forumID = [5];
    var inputVal = parseInt($('input[name="f"]').val());
    if ($.isArray(forumID) && $.inArray(inputVal, forumID) !== -1 || forumID === inputVal) {
        $('[name="subject"]').closest('dl').after(
            '<dl>' +
            '    <dt>' +
            '        <label>Qual Seu Windows</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option" name="form_option" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>' +
            '<dl>' +
            '    <dt>' +
            '        <label>Qual Seu Sistema Opreacional</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option2" name="form_option2" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>'
        );
 
        // Opcões de versões para popular o dropdown
        var optionsVers = ['Windows 7', 'Windows 8', 'Windows 8.1', 'Windows 10'];
        // Populando o dropdown
        $.each(optionsVers, function(key, val) {
            $('#form_option').append($('<option>', {
                value: val
            }).text(val));
        });
 
        // Opcões de versões para popular o dropdown
        var optionsOpt = ['64 Bits', '32 Bits', 'Não sei'];
        // Populando o dropdown
        $.each(optionsOpt, function(key, val) {
            $('#form_option2').append($('<option>', {
                value: val
            }).text(val));
        });
 
 
        $('form[name="post"]').on("click", "input[name='post']", function(e) {
            var form = {
                editor: $('#text_editor_textarea').sceditor('instance'),
                titulo: $('[name="subject"]').val(),
                imagem: $('#resultado').val(),
                autor: $('#autor').val(),
                versao: $('#versao').val(),
                categoria: $('#categoria').val()
            };
            if (form.editor.val() != '' && form.titulo != '' && form.imagem != '' && form.autor != '' &&
                form.versao != '' && form.categoria != '') {
                var content = '[center][img]' + form.imagem + '[/img][/center]\n' +
                    '[b]Nome do Arquivo:[/b] ' + form.titulo + '\n' +
                    '[b]Autor:[/b] ' + form.autor + '\n' +
                    '[b]Funcionalidade:[/b] ' + form.versao + '\n' +
                    '[b]Categoria:[/b] ' + form.categoria + '\n\n' + form.editor.val();
                form.editor.val(content);
            } else {
                alert("Preencha os campos obrigatórios");
                e.preventDefault();
            }
        });
    }
});

ai editado

edit: tentei o código acima mas continua a mesma coisa veja https://habbling.forumeiros.com/t4-eherrergrerg#9

Altere para:

Código:

/**
 * Criado pelo Daemon
 */
$(function() {
    if (!$("input[value='newtopic']").length) return;
    var forumID = [5];
    var inputVal = parseInt($('input[name="f"]').val());
    if ($.isArray(forumID) && $.inArray(inputVal, forumID) !== -1 || forumID === inputVal) {
        $('[name="subject"]').closest('dl').after(
            '<dl>' +
            '    <dt>' +
            '        <label>Qual Seu Windows</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option" name="form_option" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>' +
            '<dl>' +
            '    <dt>' +
            '        <label>Qual Seu Sistema Opreacional</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option2" name="form_option2" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>'
        );

        // Opcões de versões para popular o dropdown
        var optionsVers = ['Windows 7', 'Windows 8', 'Windows 8.1', 'Windows 10'];
        // Populando o dropdown
        $.each(optionsVers, function(key, val) {
            $('#form_option').append($('<option>', {
                value: val
            }).text(val));
        });

        // Opcões de versões para popular o dropdown
        var optionsOpt = ['64 Bits', '32 Bits', 'Não sei'];
        // Populando o dropdown
        $.each(optionsOpt, function(key, val) {
            $('#form_option2').append($('<option>', {
                value: val
            }).text(val));
        });


        $('form[name="post"]').on("click", "input[name='post']", function(e) {
            var form = {
                editor: $('#text_editor_textarea').sceditor('instance'),
                windows: $('#form_option').val(),
                system: $('#form_option2').val()
            };
            if (form.editor.val() != '' && form.windows != '' && form.system != '') {
                var content = '[b]Qual Seu Windows:[/b] ' + form.windows + '\n' + '[b]Qual Seu Sistema Opreacional:[/b] ' + form.system + '\n\n' + form.editor.val();
                form.editor.val(content);
            } else {
                alert("Preencha os campos obrigatórios");
                e.preventDefault();
            }
        });
    }
});

oi pedx, funcionou certinho mas eu me interessei por essa parte aonde tem Autor e categoria

ao auto eu sei que tem que ser algum código mas categoria eu gostaria de tipo colocar para escolher

erros do windows

erros de requisitos

reportar membro

Obrigado Desde Já

Então resumindo, o senhor quer dois novos campos: Um de seleção com as opções:

Código:

erros do windows

erros de requisitos

reportar membro

e outro um campo de texto para escrever o nome do autor?

eu pensei que ele automaticamente colocava o nome do autor do tópico, desculpa pensei que dava automaticamente o nome do autor

então assim, só quero da categoria mesmo

É possível adicionar o nome do usuário, altere o código para:

Código:

/**
 * Criado pelo Daemon
 */
$(function() {
    if (!$("input[value='newtopic']").length) return;
    var forumID = [5];
    var inputVal = parseInt($('input[name="f"]').val());
    if ($.isArray(forumID) && $.inArray(inputVal, forumID) !== -1 || forumID === inputVal) {
        $('[name="subject"]').closest('dl').after(
            '<dl>' +
            '    <dt>' +
            '        <label>Qual Seu Windows</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option" name="form_option" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>' +
            '<dl>' +
            '    <dt>' +
            '        <label>Qual Seu Sistema Opreacional</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option2" name="form_option2" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>',
            '<dl>' +
            '    <dt>' +
            '        <label>Categoria</label>' +
            '    </dt>' +
            '    <dd>' +
            '        <select id="form_option3" name="form_option3" required>' +
            '            <option value="">Selecione</option>' +
            '        </select>' +
            '    </dd>' +
            '</dl>'
        );
 
        // Opcões de versões para popular o dropdown
        var optionsVers = ['Windows 7', 'Windows 8', 'Windows 8.1', 'Windows 10'];
        // Populando o dropdown
        $.each(optionsVers, function(key, val) {
            $('#form_option').append($('<option>', {
                value: val
            }).text(val));
        });
 
        // Opcões de versões para popular o dropdown
        var optionsOpt = ['64 Bits', '32 Bits', 'Não sei'];
        // Populando o dropdown
        $.each(optionsOpt, function(key, val) {
            $('#form_option2').append($('<option>', {
                value: val
            }).text(val));
        });

        // Opcões de versões para popular o dropdown
        var optionsCat = ['Erros do windows', 'Erros de requisitos', 'Reportar membro'];
        // Populando o dropdown
        $.each(optionsCat, function(key, val) {
            $('#form_option3').append($('<option>', {
                value: val
            }).text(val));
        });
 
 
        $('form[name="post"]').on("click", "input[name='post']", function(e) {
            var form = {
                editor: $('#text_editor_textarea').sceditor('instance'),
                windows: $('#form_option').val(),
                system: $('#form_option2').val(),
                cat: $('#form_option3').val()
            };
            if (form.editor.val() != '' && form.windows != '' && form.system != '' && form.system !== '') {
                var content = '[b]Qual Seu Windows:[/b] ' + form.windows + '\n' + '[b]Qual Seu Sistema Opreacional:[/b] ' + form.system + '\n' + '[b] Categoria:[/b] ' + form.cat + '\n' + '[b] Autor:[/b] ' + _userdata.username  + '\n\n' + form.editor.val();
                form.editor.val(content);
            } else {
                alert("Preencha os campos obrigatórios");
                e.preventDefault();
            }
        });
    }
});

Obrigadoooo pedx, vlw por me ajudar te amo sério.