[JS] всплывающая подсказка (tip) c содержиммым другого сайта

[Alex Keda]

надо - при наведении мышью на элемент чтоб всплывало окошко с подсказкой, внутри окошка содержимое другой страницы (т.е. другая страница)
смысл в том что есть форма поиска юзеров, и есть адресная книга конторы - хочется на странице поиска при наведении на юзера чтоб всплывала инфа о нём - но, она на другом сайте...
никак не могу подобрать никаких скриптов по теме... тока статику могут выдавать, котоаря в текущей странице уже есть...

[Хостинг HostFood.ru]

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

[hizel]

эм, какой javascript движок используем?

[ProFTP]

кусок html по id или class:
(и туда вставить содеражание другого сайта...)

http://www.x0.org.ua/registration
наведи мышкой на это

Код: Выделить всё

 ? (подробно)

это так надо?

[Alex Keda]

кусок html по id или class:
(и туда вставить содеражание другого сайта...)

http://www.x0.org.ua/registration
наведи мышкой на это

Код: Выделить всё

 ? (подробно)

это так надо?

да. но контент должен подсасываться по URL

[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>
       
       

и какая вообще разница?

[Alex Keda]

содержимое tip'a должно находиться на другом сервере.

[ProFTP]

а в чем проблема как взять с другого сайта или вывести в tip?
что-то не понятно...

вот взять с другого сайта, примерно, наверное:
https://developer.mozilla.org/En/Using_XMLHttpRequest
https://developer.mozilla.org/En/HTTP_Access_Control

распарсить и вставить то что надо, туда куда я показал в предудыщем посте... <em> </em>

подходит?

[Alex Keda]

проблема описана в заголовке темы.
я могу сделать tip c содержимым находящимся в этой же странице
но мне надо чтобы в тип'е была другая страница.
даже с другого сервера

[thefree]

проблема описана в заголовке темы.
я могу сделать tip c содержимым находящимся в этой же странице
но мне надо чтобы в тип'е была другая страница.
даже с другого сервера

1. это не этично
2. parser c того сервера на твой + ajax (самое верное)
3. ну и _http://ashishware.com/IfrmToolTip.shtml

[ProFTP]

проблема описана в заголовке темы.

так а причем тут вообще tip? если он у тебя работает, зачем ты про него пишешь?
просто я подумал что проблема с tip'ом
(или может я не понял опять?)

попробуй вот этим вот:
https://developer.mozilla.org/En/Using_XMLHttpRequest
https://developer.mozilla.org/En/HTTP_Access_Control

это не то?

ЗЫ я бы сделал на php, с другого сервера бы взял кусок html и вставил, ну или на js так как ты и хочешь...

[Alex Keda]

2 thefree

1. это оба мои сервера. на одном ажаксовая адресная книга - она выдаёт куски html с информацией о сотрудниках, для своих ажаксовых нужд по запросу.
на втором совсем внутренний ресурс для техподдержки - там ведутся логины юзеров.
чтобы не заниматься копирвонием из одной страницы и вставкой в другую с целью понять кто этот конкретный юзер, хочется объединить интерфейсы - через всплывающее окно с описанием юзера. ферштейн?
2. мне не надо парсеров. там уже всё есть. мне надо вывести в tip то, что отдаст тот сервер на запрос типа http://aaa.local/s.php?user=vpupkin
3. зачёт. будем пробовать во вторник

[Alex Keda]

2 ProFTP
да мне пофигу на чём.
есть проблема - как решить я не знал.

[ProFTP]

ну еще curl на php (LWP perl), и можно временно прокэширвоать, если вдруг тот другой сервак упадет, то чтобы выдавало старое в кэше...

[Alex Keda]

если тот сервак упадёт - мне позвонят гораздо раньше чем если упадёт второй )

[ProFTP]

если на js, то пользователь который будет у тебя на странице может увидеть что ты берешь с другого сервера, халтуру делаешь
другое дело, если это все равно... если не важные данные...

[Alex Keda]

1. это оба мои сервера. на одном ажаксовая адресная книга - она выдаёт куски html с информацией о сотрудниках, для своих ажаксовых нужд по запросу.
на втором совсем внутренний ресурс для техподдержки - там ведутся логины юзеров.
чтобы не заниматься копирвонием из одной страницы и вставкой в другую с целью понять кто этот конкретный юзер, хочется объединить интерфейсы - через всплывающее окно с описанием юзера. ферштейн?

[ProFTP]

а ну тогда любой из вариантов можно...

[thefree]

Давно уже обкатанная технология

ajax cross site request
ajax cross domain request

а проще всего iframe

[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>

[Alex Keda]

та уже реализовали.