Страница 1 из 1
[JS] всплывающая подсказка (tip) c содержиммым другого сайта
Добавлено: 2010-05-07 10:33:05
Alex Keda
надо - при наведении мышью на элемент чтоб всплывало окошко с подсказкой, внутри окошка содержимое другой страницы (т.е. другая страница)
смысл в том что есть форма поиска юзеров, и есть адресная книга конторы - хочется на странице поиска при наведении на юзера чтоб всплывала инфа о нём - но, она на другом сайте...
никак не могу подобрать никаких скриптов по теме... тока статику могут выдавать, котоаря в текущей странице уже есть...
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 11:40:08
hizel
эм, какой javascript движок используем?
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 16:35:20
ProFTP
кусок html по id или class:
(и туда вставить содеражание другого сайта...)
http://www.x0.org.ua/registration
наведи мышкой на это
это так надо?
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 18:39:39
Alex Keda
да. но контент должен подсасываться по URL
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 19:08:18
ProFTP
что значит "по URL"?
просто чтобы выводило под URL, - это вроде бы можно...
там надо посмотреть... вроде бы можно было...
Код: Выделить всё
<script type="text/javascript">
$(document).ready(function(){
$(".menu a").hover(function() {
$(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-85"}, "fast");
});
});
</script>
Код: Выделить всё
<span class="menu">
<span>
<a href="/registration/#">? (подробно)</a>
<em>
<br> (тут сделано коротко, профиль в дальнейшем будет пополнятся)
<br>
<br>
Желательно написать про себя, например:<br>
1) Откуда вы, с какого города, страна;<br>
2) Где учились;<br>
3) Где работаете (компания), проф. деятельность;<br>
4) Хоби;<br>
5) Регилия; <br>
6) и т.д и т.д.<br>
<br>
Еще, планировалось сделать социальные сети в группах, а которых можно создать анкетирование и поиск по ним и т.д. и т.п.<br>
</em>
</span>
</span>
и какая вообще разница?
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 19:30:09
Alex Keda
содержимое tip'a должно находиться на другом сервере.
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 19:51:47
ProFTP
а в чем проблема как взять с другого сайта или вывести в tip?
что-то не понятно...
вот взять с другого сайта, примерно, наверное:
https://developer.mozilla.org/En/Using_XMLHttpRequest
https://developer.mozilla.org/En/HTTP_Access_Control
распарсить и вставить то что надо, туда куда я показал в предудыщем посте...
<em> </em>
подходит?
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:19:40
Alex Keda
проблема описана в заголовке темы.
я могу сделать tip c содержимым находящимся в этой же странице
но мне надо чтобы в тип'е была другая страница.
даже с другого сервера
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:36:36
thefree
Alex Keda писал(а):проблема описана в заголовке темы.
я могу сделать tip c содержимым находящимся в этой же странице
но мне надо чтобы в тип'е была другая страница.
даже с другого сервера
1. это не этично
2. parser c того сервера на твой + ajax (самое верное)
3. ну и _http://ashishware.com/IfrmToolTip.shtml
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:45:04
ProFTP
Alex Keda писал(а):проблема описана в заголовке темы.
так а причем тут вообще tip? если он у тебя работает, зачем ты про него пишешь?

просто я подумал что проблема с tip'ом
(или может я не понял опять?)
попробуй вот этим вот:
https://developer.mozilla.org/En/Using_XMLHttpRequest
https://developer.mozilla.org/En/HTTP_Access_Control
это не то?
ЗЫ я бы сделал на php, с другого сервера бы взял кусок html и вставил, ну или на js так как ты и хочешь...
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:51:03
Alex Keda
2 thefree
1. это оба мои сервера. на одном ажаксовая адресная книга - она выдаёт куски html с информацией о сотрудниках, для своих ажаксовых нужд по запросу.
на втором совсем внутренний ресурс для техподдержки - там ведутся логины юзеров.
чтобы не заниматься копирвонием из одной страницы и вставкой в другую с целью понять кто этот конкретный юзер, хочется объединить интерфейсы - через всплывающее окно с описанием юзера. ферштейн?
2. мне не надо парсеров. там уже всё есть. мне надо вывести в tip то, что отдаст тот сервер на запрос типа
http://aaa.local/s.php?user=vpupkin
3. зачёт. будем пробовать во вторник
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:51:57
Alex Keda
2 ProFTP
да мне пофигу на чём.
есть проблема - как решить я не знал.
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:56:25
ProFTP
ну еще curl на php (LWP perl), и можно временно прокэширвоать, если вдруг тот другой сервак упадет, то чтобы выдавало старое в кэше...
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 21:57:29
Alex Keda
если тот сервак упадёт - мне позвонят гораздо раньше чем если упадёт второй

)
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 22:00:09
ProFTP
если на js, то пользователь который будет у тебя на странице может увидеть что ты берешь с другого сервера, халтуру делаешь

другое дело, если это все равно... если не важные данные...
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 22:11:51
Alex Keda
Alex Keda писал(а):1. это оба мои сервера. на одном ажаксовая адресная книга - она выдаёт куски html с информацией о сотрудниках, для своих ажаксовых нужд по запросу.
на втором совсем внутренний ресурс для техподдержки - там ведутся логины юзеров.
чтобы не заниматься копирвонием из одной страницы и вставкой в другую с целью понять кто этот конкретный юзер, хочется объединить интерфейсы - через всплывающее окно с описанием юзера. ферштейн?
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-07 22:13:43
ProFTP
а ну тогда любой из вариантов можно...

Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-10 9:56:09
thefree
Давно уже обкатанная технология
ajax cross site request
ajax cross domain request
а проще всего iframe
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-12 23:14:58
Syward
У меня так сделано:
Код: Выделить всё
<?php
#get_info.php
$id_usera=$_GET[id_usera];
$url = "http://site.ru/script.php?userinfo=$id_usera";
$lines = file($url);
foreach ($lines as $line_num => $line) {
echo "$line";
}
?>
а потом :
Код: Выделить всё
<script type="text/javascript" language="javascript">
function makeRequest(url) {
var http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Не вышло Невозможно создать экземпляр класса XMLHTTP ');
return false;
}
http_request.onreadystatechange = function() { alertContents(http_request); };
http_request.open('GET', url, true);
http_request.setRequestHeader("Content-type", "application/x-www-form");
http_request.setRequestHeader("Connection", "close");
http_request.setRequestHeader("Accept-Language", "ru, en");
http_request.setRequestHeader("Accept-Charset", "windows-1251");
http_request.send(null);
}
function alertContents(http_request) {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
result = http_request.responseText;
document.getElementById('myspan').innerHTML = result;
} else {
alert('не удалось выполнить запрос');
}
}
}
</script>
Код: Выделить всё
<span onclick="makeRequest('get_info.php?id_userar=1')">подробности</span>
Re: [JS] всплывающая подсказка (tip) c содержиммым другого с
Добавлено: 2010-05-13 17:46:07
Alex Keda
та уже реализовали.