Script breaking menu and widget floating button

Good day!

I joined because I really liked the practicality that Edge offered and decided to give it a try. So far I'm enjoying it a lot! But sadly when I tried to ad a few simple codes on my forum they broke the floating buttons for the navigation and the widget. One of those codes is this one:

Javascript for all pages

Code:

$(function() {
 
    // CONTEÚDO POR GRUPO
    var PROFESSORES = 'Mensagem';
    var FUNCIONARIOS = 'Mensagem';
    var ESTUDANTES = 'Mensagem';
    var VESTIBULANDO = 'Mensagem';
    var MUNDOBRUXO = 'Mensagem';
 
    // Vars
    var idUser = _userdata["user_id"];
    console.log(idUser);
 
 
    // Escondido
    $('body').prepend('<div id="Hancki" style="display:none;"><span id="corUser"></span></div>');
 
    // Função
    $.get('/u' + idUser + '', {}, function(data) {
        $('#Hancki #corUser').html($(data).find('#navstrip li[style="float:none;"] span[style*="color"]'));
    }).done(function() {
        var corUsuario = $('#Hancki #corUser span').attr('style');
        console.log(corUsuario);
 
        // LISTAGEM DOS GRUPOS
        if (corUsuario == 'color:#9524FF') {
            // PROFESSORES
            console.log('Você é dos Professores.');
            $('#mensagemGrupo').html(PROFESSORES);
 
        } else if (corUsuario == 'color:#D630FF') {
            // FUNCIONÁRIOS
            console.log('Você é dos Funcionários.');
            $('#mensagemGrupo').html(FUNCIONARIOS);
 
        } else if (corUsuario == 'color:#42A819') {
            // ESTUDANTES
            console.log('Você é dos Estudantes.');
            $('#mensagemGrupo').html(ESTUDANTES);
 
        } else if (corUsuario == 'color:#DB2C72') {
            // VESTIBULANDO
            console.log('Você é do Vestibulando.');
            $('#mensagemGrupo').html(VESTIBULANDO);
 
        } else if (corUsuario == 'color:#2C9EDB') {
            // MUNDO BRUXO
            console.log('Você é do Mundo Bruxo.');
            $('#mensagemGrupo').html(MUNDOBRUXO);
 
        } else {
            console.log('Você é um Administrador!');
        }
 
    }).fail(function() {
        alert('A mensagem personalizada para os grupos não foi carregada. Contacte a administração.');
        $('#Hancki').remove();
    });
});

HTML for widget:

Code:

<div id="mensagemGrupo"></div>

Even if I don't publish the widget, the script break the floating buttons by itself.

The code above is meant to show messages in a widget by the group of the user who's reading it (a feature I don't know why the system doesn't have yet).

It seems for me that any code "adding" something on the page will break the buttons.


EDIT I've tried making this code work for 30 min now and out of nothing (even when I cleaned my cache every time I updated it) it seems to have stopped breaking things, right after I posted here. So delete my topic, please!

Hi @dannig,

This is solved on your end now ?

Yes! Either way the script didn't work, so I just removed it. I just didn't mark it because I have no solution for this, it just fixed itself.

Ah I see. It may be due to the script not supporting Forumactif Edge ; FAE uses a slightly different markup and selectors. The only notable thing that should be worth changing is this selector

Code: #navstrip li[style="float:none;"] span[style*="color"]

. I think that targets the breadcrumbs, so you could us the

Code: .breadcrumbs

class for FAE.

If the widgets, quick panel, and other plugins disappear or appear broken, it's usually do to a javascript error. Some errors, if severe, can halt all other scripts on the page. This typically happens with code executed within jQuery's document ready function, because jQuery queues any functions that are called with it. So if any script using document ready has an error, it'll prevent all other scripts in the queue from being executed.