Страница 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
ProFTP писал(а):кусок html по id или class:
(и туда вставить содеражание другого сайта...)

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

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

 ? (подробно)

это так надо?
да. но контент должен подсасываться по 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
та уже реализовали.