Страница 1 из 1
множественный wall.post
Добавлено: 29 июл 2013, 03:47
badboy
Доброе время суток, я хочу сделать множественный 'wall.post' на одной HTML странице.
Делаю так:
code.js
Код: Выделить всё
$(document).ready(function(){var friends_data; // отсортированный список друзей VK.init(function() {// выполняем запрос получения списка друзейVK.api("friends.get", {fields:"first_name,photo"}, function(data) {// узнаем количество друзейvar fr = data.response.length;// сортируем друзей по имени (функция sFirstName описана ниже)friends_data = data.response.sort(sFirstName); // в value элемента будем записывать номер пользователя в массиве friends_datafor(var i=0;i<fr;i++){$('#friends_listдобавляю одинаковые буквы').append('<option value="'+ i +'">'+ friends_data[i].first_name + ' ' + friends_data[i].last_name +'</option>'); }$("#friends_listдобавляю одинаковые буквы").change(function () {// узнаем какой элемент выбран в selectselectVal = $('#friends_listдобавляю одинаковые буквы option:selected').val();if (selectVal!='') { // если выбран друг// вытаскиваем из массива фотографию выбранного пользователя по номеру в массиве$('#user_infoдобавляю одинаковые буквы').html('<img src="'+ friends_data[selectVal].photo +'"/>');} else { // если выбрано "выберите друга"// очищаем блок с аватаркой$('#user_infoдобавляю одинаковые буквы').html('');}})}); }); $('#send_btnдобавляю одинаковые буквы').click(function() {if ($('#friends_listдобавляю одинаковые буквы option:selected').val()!='') { // если выбран пользовательif ($('#message_tf').val()!='') { // если введено сообщениеuid_to = friends_data[$('#friends_listдобавляю одинаковые буквы option:selected').val()].uid; // id выбранного пользователяmessage_to = $('#message_tf').val(); // отправляем запись на стенуVK.api('wall.post',{owner_id:uid_to, message:message_to},function(data) {if (data.response) { // если получен ответalert('Сообщение отправлено! ID сообщения: ' + data.response.post_id);} else { // ошибка при отправке сообщенияalert('Ошибка! ' + data.error.error_code + ' ' + data.error.error_msg);}});} else {alert('Введите сообщение!');}} else {alert('Выберите пользователя!');} return false;}); }); // функции сортировкиfunction sFirstName(a,b) {if (a.first_name > b.first_name)return 1;else if (a.first_name < b.first_name)return -1;elsereturn 0;}
index.html
Код: Выделить всё
<html><head><script src="js/jquery-1.6.1.min.js" type="text/javascript"></script><script src="js/code.js" type="text/javascript"></script><link rel="stylesheet" href="css/style.css" type="text/css" /><script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script></head><body><table><tr><td> <select id="friends_listдобавляю одинаковые буквы"><option value="">Выберите друга</option></select> </td><td rowspan="3"> <div id="user_infoдобавляю одинаковые буквы]"></div> </td></tr><tr><td>Сообщение:<br /><textarea id="message_tf">http://flapps.ru</textarea></td></tr><tr><td><a href="#" id="send_btnдобавляю одинаковые буквы">Отправить</a></td></tr></table></body></html>
для второго (wall.post) изменение происходит так же в буквах и в название.js
моя проблема в том что я больше 9-ти (wall.post) добавляю другие начинают не работать
кто понимает в этом помогите, я в этом новичок и только сам этому учусь
Re: множественный wall.post
Добавлено: 29 июл 2013, 07:53
Serge
Код печальный
Не знаю, нормально ли это, но я бы не стал использовать русские буквы и пробелы в id элементов.
В чем проблема вол-поста - не понятно. Вообще не понятно, что происходит... Если есть возможность - киньте ссылку или опишите более внятно.
Re: множественный wall.post
Добавлено: 29 июл 2013, 16:18
badboy
почему код печальный?коды взяты из этого урока
http://flapps.ru/forum/topic3165.html.
опишу подробней,у меня есть html страница,и я пробую сделать на одной странице всплывающих окнах разные wall post.
НАПРИМЕР:
нажимаю на первую ссылку вылазит окно с картинкой"Скорпион" с списком друзей,поле в котором можно будет вести свое сообщение,и когда выбрал друга нажал отправить на стенке друга появляется сообщение и картинка "Скорпион"
а при нажатие на вторую ссылка вылазит окно с картинкой"Обезьянка" с списком друзей,поле в котором можно будет вести свое сообщение,и когда выбрал друга нажал отправить на стенке друга появляеться сообщение и картинка "Обезьянка"
Re: множественный wall.post
Добавлено: 29 июл 2013, 16:37
sasha^
badboy, сделайте массив с идами элементов и нужным текстом и потом берите нужный при клике...
или сделайте на onclick передачу this, а в элементе согласно html5 сделайте свой атрибут - например data-variant и в зависимости от значения - нужный элемент из массива.. ну а код реально непонятный да еще и без code/code на форуме оформлен..
Re: множественный wall.post
Добавлено: 29 июл 2013, 16:53
badboy
sasha^
можно код для html пожалуйста
Re: множественный wall.post
Добавлено: 29 июл 2013, 18:01
sasha^
badboy, нет, не можно. копипастерам лень помогать..)да еще и толку с этого нету, все-равно они всегда просят код бесплатно и ничего учить не хотят.. я выше написал алгоритм...
P.S. категорически не рекомендую использовать русские буквы в идах/классах..
P.S.S. не делайте того, чего не знаете.. лучше учитесь.. ведь даже если кто-то сделает - толку с этого 0.
Re: множественный wall.post
Добавлено: 29 июл 2013, 18:18
badboy
sasha^
я вот как делаю:
кнопка для всплывавшего окна:
Код: Выделить всё
<center><a class="show_popup" rel="heart" href="#"><font size="2" color="#464451">Отправить</font></a></center>
Код: Выделить всё
<div class="popup heart"> <a class="close" href="#">Close</a><br><center><table width="100%" height="130"> <tr> <td><center><img src="http://st1.chatovod.ru/i/widget/gifts/heart_96.png"></center><br><center><html><head><script src="js/jquery-1.6.1.min.js" type="text/javascript"></script><script src="js/heart.js" type="text/javascript"></script><link rel="stylesheet" href="css/style.css" type="text/css" /> <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script></head><body><table> <tr> <td> <div class="styled-select"><select id="friends_list46"> <option value="">Выберите друга</option> </select></div> </td> <td rowspan="3"> <div id="user_info46"></div> </td> </tr><tr> <td> Ваше сообщение:"необезательно"<br /> <textarea id="message_tf">Заходи в приложения,жду тебя!</textarea> </td> </tr> <tr> <td> <center><a href="#" id="send_btn46"title="подарок другу на стенку">Отправить</a></center> </td> </tr></table></body></html></table></center></div>
И все ровно когда я делаю десятое всплывающие окно оно у меня не работает
Re: множественный wall.post
Добавлено: 29 июл 2013, 20:37
FastCore
Код ужасен и сразу видно что копипаста. Тут вам никто не поможет ибо вы не писали сами этот код. Я думаю вы даже не понимаете каким образом код работает.
Re: множественный wall.post
Добавлено: 30 июл 2013, 09:00
vitebsk911
badboy
пиши конкретное ТЗ, что ты хочешь получить, да и предложи вознаграждение, и люди подтянуться к тебе...