Gravatar Javascript несколько писем - PullRequest
Новая
       23

Gravatar Javascript несколько писем

0 голосов
/ 30 марта 2012

Ссылка: Загрузка граватара с использованием jquery

Я использую описанный выше метод для генерации граватара на странице, однако у меня несколько писем на странице, и код генерирует только один MD5и поэтому мой JS имеет только один знак: 

var email = $('#email').val();
var digestString = Crypto.MD5(email);
$('#md5').val(digestString);
var gravatar = $('<img>').attr({src: 'http://www.gravatar.com/avatar/' + digestString});
$('.gravatar').append(gravatar);

Я использую Crypto MD5 http://code.google.com/p/crypto-js/, и он загружается в заголовок, а электронные письма хранятся в скрытом входе: 

<input type="hidden" id="email" value="<?php echo $message['contact_email'];?>">

Они печатаются нормально для каждого пользователя.

Любая помощь будет отличной

РЕДАКТИРОВАТЬ *****

ВЫХОД HTML Работа: 

<div class="message-author">
<span class="gravatar" style="height: 24px;">
      <img src="http://www.gravatar.com/avatar/82c9a9c254f35a912d8fefc248c30fd8"></span>
      <input type="hidden" id="md5" value="82c9a9c254f35a912d8fefc248c30fd8">
      <input type="hidden" class="email" value="themailname@thecompany.com">
</div>

ВЫХОД HTML не работает: 

<div class="message-author">
<span class="gravatar" style="height: 24px;">
      <img src="http://www.gravatar.com/avatar/82c9a9c254f35a912d8fefc248c30fd8"></span>
      <input type="hidden" id="md5" value="">
      <input type="hidden" class="email" value="themailname@thecompany.com">
</div>

PHP 

<?php foreach ($messages['page'] as $message): ?>
    <li class="message">
        <div class="message-body"><?php echo $message['message']; ?></div>
        <div class="message-author">
            <span class="gravatar" style="height: 24px;"></span>
            <input type="hidden" class="md5" value="">
            <input type="hidden" class="email" value="<?php echo $message['contact_email'];?>">
            <?php echo $message['contact_person'];?> - 
            <?php echo date("m M - g:i a", $message['created']); ?>
        </div>
    </li>
<?php endforeach; ?>

1 Ответ

1 голос
/ 30 марта 2012

Попробуйте следующее: 

$('input.email').each(function () {
    var self = $(this);
    var md5 = Crypto.MD5(this.value);

    self.siblings('.md5').val(md5);
    self.siblings('.gravatar').append($('<img />').prop('src', 'http://www.gravatar.com/avatar/' + md5));
});

Вам необходимо ввести цикл (через each()), чтобы просмотреть каждый элемент email по отдельности;в противном случае, как вы поняли, просматривается только первое (поскольку получатели , такие как val(), будут возвращать только значение первого соответствующего элемента.

ОднакоКак я намекал на в своем комментарии , это должно действительно быть работой для PHP, это также потенциально проблема конфиденциальности, посылая пользователям электронные письма в вашем HTML.

...