InícioMover um elemento dentro das Mensagens Recentes
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Mover um elemento dentro das Mensagens Recentes
por Rayner 07.03.24 17:38
Detalhes da questão
Endereço do fórum: https://espacorpgmaker.umforum.net/forum
Versão do fórum: ModernBB
Descrição
Boa tarde, gostaria de saber como posso mover os elementos de Autor e Horário de postagem dentro das mensagens recentes.
Tentei usar o seguinte código dentro do template geral index_body mas não surtiu efeito.
- Código:
<script type="text/javascript">
var modRecentTime = document.getElementsByClassName('mod-recent-time');
var modRecentAuthor = document.getElementsByClassName('mod-recent-author')
var mover = modRecentTime.outerHTML
modRecentTime.remove()
modRecentAuthor.insertAdjacentHTML('afterend', mover)
</script>
Rayner- ****
- Membro desde : 24/03/2015
Mensagens : 204
Pontos : 284 -
Re: Mover um elemento dentro das Mensagens Recentes
por tikky 10.03.24 15:41
Olá @Rayner,
Obrigado desde já,
Atenciosamente,
tikky.
E pretende movimentar de onde para onde?mover os elementos de Autor e Horário
Obrigado desde já,
Atenciosamente,
tikky.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Mover um elemento dentro das Mensagens Recentes
por Rayner 16.03.24 11:51
tikky escreveu:Olá @Rayner,E pretende movimentar de onde para onde?mover os elementos de Autor e Horário
Obrigado desde já,
Atenciosamente,
tikky.
Bom dia, me refiro as mensagens recentes de dentro do fórum e não do portal. Gostaria de mover o nome do autor da postagem para o lado do nome da mensagem e o horário da postagem no final direito na mesma linha da mensagem ao invés de embaixo.
Rayner- ****
- Membro desde : 24/03/2015
Mensagens : 204
Pontos : 284 -
Re: Mover um elemento dentro das Mensagens Recentes
por Sleep 22.03.24 12:45
Olá @Rayner,
Substitua o codigo acima, por este:
Atenciosamente,
Sleep
Substitua o codigo acima, por este:
- Código:
<script type="text/javascript">
var modRecentTime = document.getElementsByClassName('mod-recent-time')[0];
var modRecentAuthor = document.getElementsByClassName('mod-recent-author')[0];
var mover = modRecentTime.outerHTML;
modRecentTime.remove();
modRecentAuthor.insertAdjacentHTML('afterend', mover);
</script>
Atenciosamente,
Sleep
Sleep- Ajudeiro
- Membro desde : 10/08/2012
Mensagens : 1117
Pontos : 1352 -
Re: Mover um elemento dentro das Mensagens Recentes
por Rayner 25.03.24 22:31
Sleep escreveu:Olá @Rayner,
Substitua o codigo acima, por este:
- Código:
<script type="text/javascript">
var modRecentTime = document.getElementsByClassName('mod-recent-time')[0];
var modRecentAuthor = document.getElementsByClassName('mod-recent-author')[0];
var mover = modRecentTime.outerHTML;
modRecentTime.remove();
modRecentAuthor.insertAdjacentHTML('afterend', mover);
</script>
Atenciosamente,
Sleep
Boa noite, não funcionou. Continua na mesma.
Rayner- ****
- Membro desde : 24/03/2015
Mensagens : 204
Pontos : 284 -
Re: Mover um elemento dentro das Mensagens Recentes
por Sleep 02.04.24 6:13
Olá,
Repasse-me o seu index_body.
Atenciosamente,
Sleep.
Repasse-me o seu index_body.
Atenciosamente,
Sleep.
Sleep- Ajudeiro
- Membro desde : 10/08/2012
Mensagens : 1117
Pontos : 1352 -
Re: Mover um elemento dentro das Mensagens Recentes
por Rayner 03.04.24 17:58
Sleep escreveu:Olá,
Repasse-me o seu index_body.
Atenciosamente,
Sleep.
- Código index_body:
- Código:
{JAVASCRIPT}
<style type="text/css">
.external-module > .module > .h3 > i > .ion-chatbubble-working{color: white}
}
</style>
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
<input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
<br />
<label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<!-- EDIT mod_recent_topics-->
<iframe frameborder="0" loading="lazy" style="width:100%; margin-bottom: 2em;" height="240" src="https://espacorpgmaker.umforum.net/embed?h=192&nbt=4&d=8000&name=Mensagens+Recentes" ></iframe>
<!-- EDIT FIM -->
<div class="module">
<div class="h3"><i class="ion-ios-calendar-outline"></i>Próximas datas importantes</div>
<div class="teste">{L_WHOSBIRTHDAY_WEEK}</div>
</div>
<div class="module">
<div class="h3"><i class="ion-arrow-graph-up-right"></i>{L_STATISTICS}</div>
<div class="mod-stats-posts">{TOTAL_POSTS}</div>
<div class="mod-stats-topics">{TOTAL_TOPICS}</div>
<div class="mod-stats-users">{TOTAL_USERS}</div>
<div class="mod-stats-user">{NEWEST_USER}</div>
</div>
<div class="block">
<!-- BEGIN switch_viewonline_link -->
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<div class="block-footer"><strong>{LEGEND}:</strong> {GROUP_LEGEND}</div>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="block">
<div class="h3">
<a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</div>
{TOTAL_CHATTERS_ONLINE}: {CHATTERS_LIST}
</div>
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
<input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
<br />
<label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
</div>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
<script type="text/javascript">
var modRecentTime = document.getElementsByClassName('mod-recent-time')[0];
var modRecentAuthor = document.getElementsByClassName('mod-recent-author')[0];
var mover = modRecentTime.outerHTML;
modRecentTime.remove();
modRecentAuthor.insertAdjacentHTML('afterend', mover);
</script>
{AUTO_DST}
Rayner- ****
- Membro desde : 24/03/2015
Mensagens : 204
Pontos : 284 -
Re: Mover um elemento dentro das Mensagens Recentes
por Hancki 15.04.24 22:35
Boa tarde,
O problema era simples de resolver, mas se fosse assim tão direto manipular iframes.
Deixo abaixo o código revisto, com uma breve explicação de cada passo dentro do código.
Resultado: https://prnt.sc/Zm7byY-vALWu
Qualquer dúvida, por favor perguntar.
Hancki
O problema era simples de resolver, mas se fosse assim tão direto manipular iframes.
Deixo abaixo o código revisto, com uma breve explicação de cada passo dentro do código.
- Código:
<script>
// Perceber os elementos iframe da página
var iframes = document.getElementsByTagName('iframe');
// Fazer um loop pelos iframes para escolher apenas o que contem "Mensagens Recentes"
for (var i = 0; i < iframes.length; i++) {
if (iframes[i].src && iframes[i].src.includes('&name=Mensagens+Recentes')) {
// Acesso ao conteúdo dentro do iframe
var iframeDocument = iframes[i].contentWindow.document;
// Manipulação dos elementos dentro do iframe, neste caso fazer a busca dos elementos
var modRecentTime = iframeDocument.getElementsByClassName('mod-recent-time');
var modRecentAuthor = iframeDocument.getElementsByClassName('mod-recent-author');
// Executar a função de forma visível dentro do iframe
for (var j = 0; j < modRecentTime.length; j++) {
if (modRecentTime[j] && modRecentAuthor[j]) {
var mover = modRecentTime[j].outerHTML;
modRecentTime[j].remove();
modRecentAuthor[j].insertAdjacentHTML('afterend', mover);
} else {
console.error('Erro na busca dos iframes. Algo está errado. Voltar ao FdF e perguntar pelo Hancki.');
}
}
}
}
</script>
Resultado: https://prnt.sc/Zm7byY-vALWu
Qualquer dúvida, por favor perguntar.
Hancki
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Mover um elemento dentro das Mensagens Recentes
por Sleep 22.04.24 1:27
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
Sleep- Ajudeiro
- Membro desde : 10/08/2012
Mensagens : 1117
Pontos : 1352 -
Tópicos semelhantes» Mover mensagens dentro de um mesmo tópico
» Mover elemento de publicidade
» [Resolvido] Como mover tópicos dentro de um mesmo fórum?
» Mensagens recentes para antigas
» Mover mensagens
» Mover elemento de publicidade
» [Resolvido] Como mover tópicos dentro de um mesmo fórum?
» Mensagens recentes para antigas
» Mover mensagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos