2013-11-11 3 views
1

В моем приложении мы получим обратную связь от пользователя, отправив им электронные письма. Таким образом, если пользователь заполняет поля и отправляет их, я сохраняю их в своей базе данных.Задать вопрос по электронной почте

Я подготовил html-почту, которая выглядит так.

This what i am getting in email

Но проблема здесь я не смог показать рейтинг звезд в почте. который требует встроенного css, но я не могу поставить этот css в inline, поскольку он включает onhover css.

Так что есть способ отправить оценки по электронной почте.

Есть ли какой-либо способ для css на onhover inline Спасибо заранее.

+0

Возможно, base64 кодирует рейтинг звездных изображений (я предполагаю, что они являются изображениями) – gwillie

+0

@gwillie жаль, что я не получил вас, есть ли способ сделать то же самое с правильными стартовыми изображениями –

+0

@PavanKumar То, что он предлагал, это закодируйте изображения в 'base64', которые уменьшат размер, но позволят их использовать. Исходные изображения все равно будут использоваться, они просто меньше кода. – Kiruse

ответ

10

Попробуйте изменить свой встроенный css с помощью !important в вашем onhover css.

Думая о большей картине, однако - формы не полностью поддерживаются в html-письме, поэтому в зависимости от вашего списка вы могли бы использовать 20% + не использовать их. (форма поддержки диаграммы here или here)

Учитывая это, для поддержки 100% большинство маркетологов электронной почты отправляют их на целевую страницу, на которой размещается форма. Другим вариантом является захват базовой информации с использованием простых тэгов href и параметров URL. Что-то вроде этого:

<!-- use star images that pass a custom url with user info --> 
<a href="http://[email protected]&rating=1"><img alt="1" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a> 
<a href="http://[email protected]&rating=2"><img alt="2" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a> 
<a href="http://[email protected]&rating=3"><img alt="3" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a> 
<a href="http://[email protected]&rating=4"><img alt="4" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a> 
<a href="http://[email protected]&rating=5"><img alt="5" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a> 
0

Я считаю, что встроенный CSS невозможно, поэтому вам нужно найти обходное решение. Может быть, создание флеш-апплета с анимированной звездой или даже всех 5 звезд, которые будут генерировать запрос GET/POST при нажатии? Апплет может хранить уникальный идентификатор, который связывает запрос GET/POST с этой самой формой, которая будет отправлена ​​пользователем с помощью кнопки «Отправить». Вам нужно проверить, что популярные веб-ролики не блокируют апплеты.

+0

Что будет, если у пользователя нет флеш-плеер, установленный для его системы или браузера –

+0

Тогда он, вероятно, ничего не получит. Я знаю, что это не лучшее решение. –

+0

Чего вы хотите достичь? Просто красиво выглядящая форма? Может быть, просто добавьте нормальный CSS на свое радио, чтобы он выглядел лучше? Даже Google при отправке форм людям по электронной почте использует только стандартные элементы управления HTML без какой-либо графики. –

0

Вы можете попробовать добавить атрибуты и onMouseOut к элементу HTML, но вполне возможно, что Gmail и другие поставщики электронной почты будут лишены его.

+0

Можем ли мы выполнить скрипт java по электронной почте –

+0

Я думаю, что это зависит от конкретного поставщика веб-почты - вероятно, некоторые из них позволят это, а некоторые - нет. Увы, я подозреваю, что большинство из них не разрешают Javascript. –

+0

Да, я тоже это пробовал, но это не сработало для меня –

Смежные вопросы