Lecture d'un son mp3 sur les profils

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours Lecture d'un son mp3 sur les profils

Message par Phyliono le Lun 28 Aoû 2017 - 21:17

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.universiteuniverselle.com

Description du problème

Bonjour,

Je souhaiterai que chaque profil sur mon forum puisse choisir sa musique de fond en me la donnant au préalable qui serait dans ce code par exemple :

Code:
<audio autoplay="autoplay" loop="loop" preload="auto"><source src="https://partager.io/fichier/vmc45zby/C%C3%A9line_Dion_On_ne_change_pas.mp3"></audio>

Etant donné que l'on ne peut pas modifier directement les pages HTML de chaque profil, je me demandais s'il est possible de l'intégrer sur le template de base et que ça se modifie ensuite grâce à un javascript ? Si oui, comment faire ? J'ai réussi pour une couleur de fond sur les profils.

Merci d'avance.
Cordialement.
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours FOND SONORE

Message par roswell1947 le Mar 29 Aoû 2017 - 15:29

Bonjour, pour relancer ce sujet sur l'introduction d'un MP3, je cherche pour ma part à introduire une piste "YOUTUBE" pour illustrer le fond sonore de mon forum. En réutilisant le code ci-dessus est-ce possible ? je voudrais introduire la piste ci-dessous pour l'ambiance générale de mon forum en musique de fond donc. Mais comment ? et ou placer le code de la vidéo dans le script du précédent message ? Merci pour votre aide !

La piste en question Arrow https://youtu.be/YFGK2RFUQLs

Autre point important: je souhaite éventuellement inclure un "interrupteur" sur la page d'accueil pour "allumer" ou "éteindre" ce fond sonore suivant son choix d'écoute ou non, merci de vos réponse sur ce point.

CDT.
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mar 29 Aoû 2017 - 22:12

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Jeu 31 Aoû 2017 - 14:46

s'il vous plait...
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par roswell1947 le Jeu 31 Aoû 2017 - 15:06

S'il vous plait... ?
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Sam 2 Sep 2017 - 12:05

c'est important
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par roswell1947 le Sam 2 Sep 2017 - 12:07

@Phyliono a écrit:c'est important

Bonjour Phyliono, c'est une question ? Question
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Sam 2 Sep 2017 - 12:07

j'attends une réponse, une aide à mon problème
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par roswell1947 le Sam 2 Sep 2017 - 12:09

@Phyliono a écrit:j'attends une réponse, une aide à mon problème

Ah ok très bien, faisons donc preuve de patience ...
Et désolé de m'inviter sur ce post !
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Sam 2 Sep 2017 - 12:13

pas de soucis, j'espère qu'une solution sera apportée rapidement!
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Dim 3 Sep 2017 - 18:57

Svp...
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mar 5 Sep 2017 - 10:43

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mer 6 Sep 2017 - 11:11

Toujours long :/
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Ven 8 Sep 2017 - 18:43

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Sam 9 Sep 2017 - 16:25

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par MasDan le Dim 10 Sep 2017 - 2:52

Bonjour Phyliono,

Voici comment créer un nouveau champ Musique au profil des membres permettant à chacun
de personnaliser son choix musical.

1)Création d'un nouveau champ Musique au profil des usagers
À votre PA / Utilisateurs & groupes / Profils / Champs du profil


Créer le nouveau champ Musique comme ceci



2) Ajouter à votre CSS
Code:
div.musique { display: none}

3) Modification du template overall_footer_end
Ajouter
Code:
<!-- Début code musique  --> 
<div class="musique"></div>
<script type="text/javascript">
$(function(){
  $("div.musique").load("/u" + _userdata["user_id"] + " dl:contains('Musique')", function(){
    var lien = $("dd div").text();
    $("div.musique").append("<audio autoplay='autoplay' loop='loop' preload='auto'><source src='" + lien + "' /></audio>'");
  }); 
});   
</script>
<!-- Fin code musique  -->

avant le code suivant
Code:
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {


Dernière édition par MasDan le Mer 13 Sep 2017 - 2:40, édité 1 fois (Raison : correction </div> ligne 11 supprimer)
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1115
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Dim 10 Sep 2017 - 21:33

Bonjour,

Merci beaucoup de votre réponse. J'ai suivi votre tuto mais la musique ne se lance pas quand je vais sur le profil.

Template overall_footer_end :
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
                                                      <!-- BEGIN switch_footer_links -->
               <div align="center">
               <div class="gen" style="color:#FFFFFF!important;">
                  <!-- BEGIN footer_link -->
                                          <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
               </div>
            </div>

         </div>
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- Début code musique  -->
<div class="musique"></div>
<script type="text/javascript">
$(function(){
  $("div.musique").load("/u" + _userdata["user_id"] + " dl:contains('Musique')", function(){
    var lien = $("dd div").text();
    $("div.musique").append("<audio autoplay='autoplay' loop='loop' preload='auto'><source src='" + lien + "' /></audio>'");
  });
}); 
</script>
<!-- Fin code musique  --></div>
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'https://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

Template profile_view_body (si besoin) :
Code:
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
      <th style="width: 100%; white-space: nowrap;" class="secondarytitle">
        <h2>Profil de <span class="avatarImpose_nom">{USERNAME}</span></h2>
      </th>
  </tr>
  <tr style="height: 8px;">
      <td></td>
  </tr>
  <tr>
      <td class="profile_row" align="center" valign="top">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td class="profile_row2" valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="profile_row5" align="center">
                    <!-- BEGIN profile_field -->
                    <tr id="field_id{profile_field.ID}" class="id_utilisateur_{USER_ID}">
                        <span class="profile_points">
                          <td width="142" align="right" valign="top" nowrap="nowrap">
                              <div style="margin-top:10px"><span class="profile_points"><span class="gen">{profile_field.LABEL}&nbsp;&nbsp;</span></span></div>
                          </td>
                          <td width="311">
                              <div class="gen" style="margin-top:15px;font-weight:bold">{profile_field.CONTENT}</div>
                              <br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
                              <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                              &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                              &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts -->
                          </td>
                        </span>
                    </tr>
                    <!-- END profile_field -->
                  </table>
              </td>
              <td class="profile_row1" valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="profile_row3" align="center">
                    <tr align="center">
                        <td><b><span class="gen" style="font-size:16px">{USERNAME}</span></b></td>
                    </tr>
                    <tr align="center">
                        <td><b><span class="gen avatarImpose_image">{AVATAR_IMG}</span></b></td>
                    </tr>
                    <tr align="center">
                        <td><b><span class="gen">{POSTER_RANK}</span></b></td>
                    </tr>
                    <!-- BEGIN switch_show_status -->
                    <tr align="center">
                        <td><b><span class="gen">{USER_ONLINE}</span></b></td>
                    </tr>
                    <!-- END switch_show_status -->
                    <tr align="center">
                        <td><span class="gen">{L_LAST_VISITED}</span><span class="gen">&nbsp;:&nbsp;{LAST_VISIT_TIME}</span></td>
                    </tr>
                    <!-- BEGIN switch_auth_user -->
                    <tr>
                        <td valign="middle" nowrap="nowrap" align="center" style="word-wrap: break-word;white-space: normal"><br /><span class="gen">{L_ADMINISTRATE_USER}&nbsp;:<br />{ADMINISTRATE_USER}{BAN_USER}</span></td>
                    </tr>
                    <!-- END switch_auth_user -->
                  </table>
                  <table id="moyensContact" width="100%" border="0" cellspacing="1" cellpadding="0" class="profile_row4" align="center">
                    <!-- BEGIN contact_field -->
                    <tr id="field_id{contact_field.ID}">
                        <span class="profile_points">
                          <td width="1%" align="right" valign="middle" nowrap="nowrap"><span class="profile_points"><span class="gen">{contact_field.LABEL}</span></span></td>
                          <td width="1%" valign="middle">
                              <div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div>
                          </td>
                        </span>
                    </tr>
                    <!-- END contact_field -->
                  </table>
                  <table width="100%" border="0" cellspacing="1" cellpadding="0" class="profile_row6" align="center">
                    <tr>
                        <td width="1%" align="center" valign="middle" nowrap="nowrap"><img src="http://compteur2visite.com/visiteur.php/?rvb=%23F8F8F8&texte=%23889CAA&hauteur=50&largeur=120&afficher=total" style="-webkit-mask-image: -webkit-gradient(
                          linear, top bottom, left right,
                          color-stop(0.00,  rgba(0,0,0,1)),
                          color-stop(0.35,  rgba(0,0,0,1)),
                          color-stop(0.50,  rgba(0,0,0,0)),
                          color-stop(0.65,  rgba(0,0,0,0)),
                          color-stop(1.00,  rgba(0,0,0,0)));" alt="Compteur de visite" border="0" /></td>
                    </tr>
                  </table>
                  <br />
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN switch_rpg -->
  <tr>
      <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
  </tr>
  <tr>
      <td class="row1" align="center" valign="top" height="6">
        {RPG_IMAGE}<br /><br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
              <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
              </td>
              <td width="100%" valign="middle" nowrap="nowrap">
                  <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
              </td>
            </tr>
            <!-- END rpg_fields_left -->
        </table>
      </td>
      <td class="row1" align="center" valign="top" height="6">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
              <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
              </td>
              <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
              </td>
            </tr>
            <!-- END rpg_fields -->
        </table>
      </td>
  </tr>
  <tr>
      <td colspan="2" align="center" class="row1">{U_ADMIN_RPG}</td>
  </tr>
  <!-- END switch_rpg -->
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
  //<![CDATA[
    $(document).ready(function(){
        $('[id^=field_id]').each(function(){
          if ( $(this).find('.field_editable').is('span, div') )
          {
              $(this).hover(function()
              {
                if( $(this).find('.field_editable.invisible').is('span, div') )
                {
                    $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                    $(this).find('.ajax-profil_edit').attr({
                          alt: "{L_FIELD_EDIT_VALUE}",
                          title: "{L_FIELD_EDIT_VALUE}"
                      }).click(function(){
                      $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                      $(this).prev().find('.ajax-profil_valid').attr({
                          alt: "{L_VALIDATE}",
                          title: "{L_VALIDATE}"
                      }).click(function(){
                          var content = new Array();
                          $(this).parent().find('[name]').each(function(){
                            var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                            if ( (type_special && $(this).is(':checked')) || !type_special )
                            {
                                content.push(new Array($(this).attr('name'), $(this).attr('value')));
                            }
                          });
                          var id_name = $(this).parents('[id^=field_id]').attr('id');
                          var id = id_name.substring(8, id_name.length);
                          $.post(
                            "{U_AJAX_PROFILE}",
                            {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                            function(data){
                                $.each(data, function(i, item){
                                  $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                                });
                            },
                            "json"
                          );
                      });
                      $(this).remove();
                    });
                }
              },function()
              {
                if( $(this).find('.field_editable.invisible').is('span, div') )
                {
                    $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                    $(this).find('.ajax-profil_edit').remove();
                }
              });
          }
        });
    });
  //]]>
</script>

Merci d'avance !
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par oxymore le Lun 11 Sep 2017 - 18:17

Bonjour

Le code m'intéresse aussi ,-)


@Phyliono Vous avez bien mis un lien direct vers un son mp3 dans la case Musique du profil?

@MasDan merci pour le code ( je vais l'adapter pour youtube pour le ©️ sur la musique ) mais j'ai un soucis la musique se met en route aussi ailleurs que sur le profil .. forum portail etc...et je trouve pas ou ça cloche Assomé
avatar

oxymore
***

Messages : 141
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Lun 11 Sep 2017 - 22:05

Oui j'ai bien mis un lien mp3...
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mar 12 Sep 2017 - 22:26

Je ne trouve pas d'où vient le problème...
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Lecture d'un son mp3 sur les profils

Message par MasDan le Mer 13 Sep 2017 - 3:45

Bonjour Phyliono,

Le champ musique n'étant pas présent à votre template profile_view_body le script ne peux extraire le code pour le mp3.

Remplacer au template overall_footer_end le code javascript donné précédemment par celui-ci
Code:
<!-- Début code musique  --> 
<div class="musique"></div>
<script type="text/javascript">
$(function(){
  $("div.musique").load("/profile?mode=editprofile #register tr:contains('Musique')", function(){
    var lien = $("div.musique input").val();
    $("div.musique").append("<audio autoplay='autoplay' loop='loop' preload='auto'><source src='" + lien + "' /></audio>'");
  }); 
});   
</script>
<!-- Fin code musique  -->




@Oxymore
@oxymore a écrit:@MasDan merci pour le code ( je vais l'adapter pour youtube pour le ©️ sur la musique ) mais j'ai un soucis la musique se met en route aussi ailleurs que sur le profil .. forum portail etc...et je trouve pas ou ça cloche Assomé
Le code est inclus dans le template overall_footer_end (bas de page - sur toutes les pages). Il est donc normal que la musique soit disponible partout.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1115
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mer 13 Sep 2017 - 13:39

Bonjour,

J'ai bien fait le changement mais ça ne fonctionne pas, je vous laisse regarder sur ce profil : http://www.universiteuniverselle.com/u4

Merci d'avance...
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par MasDan le Ven 15 Sep 2017 - 6:38

@Phyliono a écrit:J'ai bien fait le changement mais ça ne fonctionne pas, je vous laisse regarder sur ce profil : http://www.universiteuniverselle.com/u4

Est-ce que vous avez lu ceci (de mon précédent message) ?
@MasDan a écrit:Le champ musique n'étant pas présent à votre template profile_view_body le script ne peux extraire le code pour le mp3.

J'ai déjà fourni deux codes qui chez moi fonctionne parfaitement. Vos templates étant modifiés(raison du non fonctionnement), il faudrait fournir un accès (speudo avec permission membre) pour visualiser le profil sur la page .../profile?mode=editprofile



avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1115
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Ven 15 Sep 2017 - 11:46

Bonjour,

Merci de votre réponse, je vous fais parvenir l'accès par message privé.

J'ai pourtant bien tout suivi.

Merci d'avance.
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Sam 16 Sep 2017 - 12:56

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par MasDan le Sam 16 Sep 2017 - 20:34

Bonjour Phyliono,

1) ajout de td.information au sélecteur pour sélectionner qu'une seul balise input.
Rechercher
Code:
$("div.musique").load("/profile?mode=editprofile #register tr:contains('Musique')", function(){
et remplacer par
Code:
$("div.musique").load("/profile?mode=editprofile #register td.information tr:contains('Musique')", function(){

2) Le champ Musique
Il y a un comportement bizarre avec votre champ Musique. Le champ étant vide de toute information, j'ai entré un lien url et enregistrer. Au ré-affichage, l'information n'a pas été retenu le champ étant toujours vide.

Pour en identifier la cause, il faudrait publier votre template et une capture de la description du champ Musique (du Panneau d'administration).
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1115
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Jeu 21 Sep 2017 - 11:07

Bonjour, merci de votre aide.

J'ai effectué le changement. Voici le template profile_view_body :

Code:
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
      <th style="width: 100%; white-space: nowrap;" class="secondarytitle">
        <h2>Profil de <span class="avatarImpose_nom">{USERNAME}</span></h2>
      </th>
  </tr>
  <tr style="height: 8px;">
      <td></td>
  </tr>
  <tr>
      <td class="profile_row" align="center" valign="top">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td class="profile_row2" valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="profile_row5" align="center">
                    <!-- BEGIN profile_field -->
                    <tr id="field_id{profile_field.ID}" class="id_utilisateur_{USER_ID}">
                        <span class="profile_points">
                          <td width="142" align="right" valign="top" nowrap="nowrap">
                              <div style="margin-top:10px"><span class="profile_points"><span class="gen">{profile_field.LABEL}&nbsp;&nbsp;</span></span></div>
                          </td>
                          <td width="311">
                              <div class="gen" style="margin-top:15px;font-weight:bold">{profile_field.CONTENT}</div>
                              <br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
                              <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                              &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                              &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts -->
                          </td>
                        </span>
                    </tr>
                    <!-- END profile_field -->
                  </table>
              </td>
              <td class="profile_row1" valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="profile_row3" align="center">
                    <tr align="center">
                        <td><b><span class="gen" style="font-size:16px">{USERNAME}</span></b></td>
                    </tr>
                    <tr align="center">
                        <td><b><span class="gen avatarImpose_image">{AVATAR_IMG}</span></b></td>
                    </tr>
                    <tr align="center">
                        <td><b><span class="gen">{POSTER_RANK}</span></b></td>
                    </tr>
                    <!-- BEGIN switch_show_status -->
                    <tr align="center">
                        <td><b><span class="gen">{USER_ONLINE}</span></b></td>
                    </tr>
                    <!-- END switch_show_status -->
                    <tr align="center">
                        <td><span class="gen">{L_LAST_VISITED}</span><span class="gen">&nbsp;:&nbsp;{LAST_VISIT_TIME}</span></td>
                    </tr>
                    <!-- BEGIN switch_auth_user -->
                    <tr>
                        <td valign="middle" nowrap="nowrap" align="center" style="word-wrap: break-word;white-space: normal"><br /><span class="gen">{L_ADMINISTRATE_USER}&nbsp;:<br />{ADMINISTRATE_USER}{BAN_USER}</span></td>
                    </tr>
                    <!-- END switch_auth_user -->
                  </table>
                  <table id="moyensContact" width="100%" border="0" cellspacing="1" cellpadding="0" class="profile_row4" align="center">
                    <!-- BEGIN contact_field -->
                    <tr id="field_id{contact_field.ID}">
                        <span class="profile_points">
                          <td width="1%" align="right" valign="middle" nowrap="nowrap"><span class="profile_points"><span class="gen">{contact_field.LABEL}</span></span></td>
                          <td width="1%" valign="middle">
                              <div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div>
                          </td>
                        </span>
                    </tr>
                    <!-- END contact_field -->
                  </table>
                  <table width="100%" border="0" cellspacing="1" cellpadding="0" class="profile_row6" align="center">
                    <tr>
                        <td width="1%" align="center" valign="middle" nowrap="nowrap"><img src="http://compteur2visite.com/visiteur.php/?rvb=%23F8F8F8&texte=%23889CAA&hauteur=50&largeur=120&afficher=total" style="-webkit-mask-image: -webkit-gradient(
                          linear, top bottom, left right,
                          color-stop(0.00,  rgba(0,0,0,1)),
                          color-stop(0.35,  rgba(0,0,0,1)),
                          color-stop(0.50,  rgba(0,0,0,0)),
                          color-stop(0.65,  rgba(0,0,0,0)),
                          color-stop(1.00,  rgba(0,0,0,0)));" alt="Compteur de visite" border="0" /></td>
                    </tr>
                  </table>
                  <br />
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN switch_rpg -->
  <tr>
      <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
  </tr>
  <tr>
      <td class="row1" align="center" valign="top" height="6">
        {RPG_IMAGE}<br /><br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
              <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
              </td>
              <td width="100%" valign="middle" nowrap="nowrap">
                  <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
              </td>
            </tr>
            <!-- END rpg_fields_left -->
        </table>
      </td>
      <td class="row1" align="center" valign="top" height="6">
        <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
              <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
              </td>
              <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
              </td>
            </tr>
            <!-- END rpg_fields -->
        </table>
      </td>
  </tr>
  <tr>
      <td colspan="2" align="center" class="row1">{U_ADMIN_RPG}</td>
  </tr>
  <!-- END switch_rpg -->
</table>
<br />

<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
  //<![CDATA[
    $(document).ready(function(){
        $('[id^=field_id]').each(function(){
          if ( $(this).find('.field_editable').is('span, div') )
          {
              $(this).hover(function()
              {
                if( $(this).find('.field_editable.invisible').is('span, div') )
                {
                    $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                    $(this).find('.ajax-profil_edit').attr({
                          alt: "{L_FIELD_EDIT_VALUE}",
                          title: "{L_FIELD_EDIT_VALUE}"
                      }).click(function(){
                      $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                      $(this).prev().find('.ajax-profil_valid').attr({
                          alt: "{L_VALIDATE}",
                          title: "{L_VALIDATE}"
                      }).click(function(){
                          var content = new Array();
                          $(this).parent().find('[name]').each(function(){
                            var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                            if ( (type_special && $(this).is(':checked')) || !type_special )
                            {
                                content.push(new Array($(this).attr('name'), $(this).attr('value')));
                            }
                          });
                          var id_name = $(this).parents('[id^=field_id]').attr('id');
                          var id = id_name.substring(8, id_name.length);
                          $.post(
                            "{U_AJAX_PROFILE}",
                            {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                            function(data){
                                $.each(data, function(i, item){
                                  $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                                });
                            },
                            "json"
                          );
                      });
                      $(this).remove();
                    });
                }
              },function()
              {
                if( $(this).find('.field_editable.invisible').is('span, div') )
                {
                    $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                    $(this).find('.ajax-profil_edit').remove();
                }
              });
          }
        });
    });
  //]]>
</script>

Et voici la capture d'écran du champ Musique : https://i11.servimg.com/u/f11/19/30/46/94/captur14.png

Merci beaucoup par avance !
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Dim 24 Sep 2017 - 20:30

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mar 26 Sep 2017 - 21:46

S'il vous plait ?
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

En cours Re: Lecture d'un son mp3 sur les profils

Message par Phyliono le Mer 27 Sep 2017 - 22:13

up
avatar

Phyliono
Membre habitué(e)

Messages : 1135
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum