Javascript

Din nou pe acelasi forum de teste cu acelasi cod js intampin probleme.
Problema: Nu se inlocuieste imaginea cu codul js.
Forum: https://phpdevil.forumgratuit.ro/
Versiune: phpbb2
Cod folosit:

Cod:

document.addEventListener("DOMContentLoaded", function() {

$("img[src='https://2img.net/s/t/21/28/60/i_post.gif']").replaceWith('<span class="nonew"><div class="icon-forum"></div></span>');



});

Salut @mr.franta,

Este mai ușor să utilizați scriptul în acest fel:

Cod:

(function($) {
    'use strict';

    $(function() {

        $('a[href^="/post"][href$="mode=newtopic"]').html('<span class="nonew"><div class="icon-forum"></div></span>');

    });
})(jQuery);

Pai si cum il pot folosii pentru toate 3 butoanele? Topic nou,raspunde,blocat?

mr.franta a scris:Pai si cum il pot folosii pentru toate 3 butoanele? Topic nou,raspunde,blocat?

Cod:

(function($) {
    'use strict';
 
    $(function() {
 
        $('a[href^="/post"][href$="mode=newtopic"]').html('<span class="nonew"><div class="icon-forum">Topic nou</div></span>');
        $('a[href^="/post"][href$="mode=reply"]').html('<span class="nonew"><div class="icon-forum">Raspunde</div></span>');
 
    });
})(jQuery);

În blocat, am nevoie de adresa URL a imaginii pe care o utilizați, vă rog

Poftim

Cod:

https://2img.net/s/t/21/28/60/i_reply_locked.gif

mr.franta a scris:Poftim

Cod:

https://2img.net/s/t/21/28/60/i_reply_locked.gif

Cod:

(function($) {
    'use strict';

    $(function() {

        $('a[href^="/post"][href$="mode=newtopic"]')
            .find('img:not([src*="lock"])')
            .parent()
            .html('<span class="nonew"><div class="icon-forum">Topic nou</div></span>');

        $('a[href^="/post"][href$="mode=newtopic"]')
            .find('img[src*="lock"]')
            .parent()
            .html('<span class="nonew"><div class="icon-forum">Topic nou (blocat)</div></span>');

        $('a[href^="/post"][href$="mode=reply"]')
            .find('img:not([src*="lock"])')
            .parent()
            .html('<span class="nonew"><div class="icon-forum">Raspunde</div></span>');


        $('a[href^="/post"][href$="mode=reply"]')
            .find('img[src*="lock"]')
            .parent()
            .html('<span class="nonew"><div class="icon-forum">Raspunde (blocat)</div></span>');

    });
})(jQuery);

Functioneaza,multumesc.