[JavaScript, AJAX] Задай вопрос, получи ответ

Discussion in 'PHP' started by banned, 9 Jun 2007.

Thread Status:
Not open for further replies.
  1. НTL

    НTL Elder - Старейшина

    Joined:
    26 Jan 2008
    Messages:
    715
    Likes Received:
    205
    Reputations:
    -26
    Элемента
     
  2. LStr1ke

    LStr1ke Elder - Старейшина

    Joined:
    29 Jul 2009
    Messages:
    801
    Likes Received:
    145
    Reputations:
    73
    Не знаю, разберешься или нет.
    Короче при наведении на средний DIV (родительский элемент) - покажется элемент (подсказка) правее родительского.
    PHP:
    <script type="text/javascript">

        var 
    hint_open 0// Проверяет текущее состояние подсказки

        
    function createHint(parent_obj) {
            var 
    hint_obj document.getElementById('popup_hint'); // Опрделяем элемент подсказки
            
    hint_obj.style.top parent_obj.offsetTop// Назначаем положение подсказки по Иксу (x) как у точку родительского элемета
            
    hint_obj.style.left 10 parent_obj.offsetLeft parent_obj.offsetWidth// Назначаем положение подсказки по Игрику (y) как у точку родительского элемета + 10 пикселей и плюс ширина род. Чтобы подсказка была правее рож. элемента
            
    if(hint_open == 0) { // Если подсказка не показана
                
    hint_obj.style.display 'block'// Показываем
                
    hint_open 1// Сообщаем, что подсказка теперь открата
            
    }else { // Если подсказка уже открыта
                
    hint_obj.style.display 'none'// Убираем
                
    hint_open 0// Сообщеаем, что теперь она скрыта
            
    }
        }
    </script>

    <div id="popup_hint" style="border: 1px solid #ccc; background-color: #f8f8f8; width: 150px; padding: 5px; display: none; z-index: 1; position: absolute;">
        This is HINT :>
    </div>

    <div style="padding: 15px; border: 1px solid #ccc; width: 400px"> This is some element </div><br />

    <div style="padding: 15px; border: 1px solid #ccc; width: 400px" onmouseover="createHint(this)" onmouseout="createHint(this)"> - This is element with hint - </div><br />

    <div style="padding: 15px; border: 1px solid #ccc; width: 400px"> This is some element </div><br />
    Вся соль в onmouseover="createHint(this)" onmouseout="createHint(this)"

    Можно просто onclick="createHint(this)" - При первом клике покажет - при втором закроет.

    Ну я думаю сообразишь что к чему и не составит труда переделать под свои нужны. )

    Самое главное у элемента подсказки должно быть в стилях:

    display: none;
    z-index: 1; /* Чтобы, если что, был поверх остальных элементов. */
    position: absolute;
     
    1 person likes this.
  3. Tesson

    Tesson Banned

    Joined:
    27 Dec 2009
    Messages:
    164
    Likes Received:
    43
    Reputations:
    0
    Перестал работать скрипт :(
    как обнавил Flash player
    может кто знает что случилось :rolleyes:


    Код:
    Code:
    var esel = new Object();
    // --------------------------------------------------------- MODIFY TARGET URL
    esel.ad_url = escape('http://yandex.ru'); // Change URL to be redirected to when clicking Peel Away Ad
    // --------------------------------------------------------- END TARGET URL
    
    
    esel.small_path = 'images/s.swf';	// Enter the URL of the Peel Away Corner Flash
    esel.small_image = escape('images/small.png');	// URL of the Image behind the Peel
    esel.big_path = 'images/b.swf'; // Enter the URL of the Large Peel Away Corner
    esel.big_image = escape('images/big.png'); // URL of the Big Image Behind the Peel
    
    
    // Do NOT Change anything under this line! -----------------------------------------------------------------------------------
    
    esel.small_width = '100';
    esel.small_height = '100';
    esel.small_params = 'ico=' + esel.small_image;
    esel.big_width = '650';
    esel.big_height = '650';
    esel.big_params = 'big=' + esel.big_image + '&ad_url=' + esel.ad_url;
    function sizeup987(){
    	document.getElementById('eselcornerBig').style.top = '0px';
    	document.getElementById('eselcornerSmall').style.top = '-1000px';
    }
    function sizedown987(){
    	document.getElementById("eselcornerSmall").style.top = "0px";
    	document.getElementById("eselcornerBig").style.top = "-1000px";
    }
    esel.putObjects = function () {
    document.write('<div id="eselcornerSmall" style="position:absolute;width:'+ esel.small_width +'px;height:'+ esel.small_height +'px;z-index:9999;right:0px;top:0px;">');
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
    document.write('codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
    document.write(' id="eselcornerSmallObject" width="'+esel.small_width+'" height="'+esel.small_height+'">');
    document.write(' <param name="allowScriptAccess" value="always"/> ');
    document.write(' <param name="menu" value="false"/>');
    document.write(' <param name="movie" value="'+ esel.small_path +'?'+ esel.small_params +'"/>');
    document.write(' <param name="wmode" value="transparent" />');
    document.write(' <param name="quality" value="high" /> ');
    document.write(' <param name="FlashVars" value="'+esel.small_params+'"/>');
    document.write('<embed menu="false" src="'+ esel.small_path + '?' + esel.small_params +'" name="eselcornerSmallObject" wmode="transparent" quality="high" width="'+ esel.small_width +'" height="'+ esel.small_height +'" flashvars="'+ esel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
    document.write('</object></div></script>');
    document.write('<div id="eselcornerBig" style="position:absolute;width:'+ esel.big_width +'px;height:'+ esel.big_height +'px;z-index:9999;right:0px;top:0px;">');
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
    document.write('codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
    document.write(' id="eselcornerBigObject" width="'+ esel.big_width +'" height="'+ esel.big_height +'">');
    document.write(' <param name="allowScriptAccess" value="always"/> ');
    document.write(' <param name="menu" value="false"/>');
    document.write(' <param name="movie" value="'+ esel.big_path +'?'+ esel.big_params +'"/>');
    document.write(' <param name="wmode" value="transparent"/>');
    document.write(' <param name="quality" value="high" /> ');
    document.write(' <param name="FlashVars" value="'+ esel.big_params +'"/>');
    document.write('<embed menu="false" src="'+ esel.big_path + '?' + esel.big_params +'" id="eselcornerBigEmbed" name="eselcornerBigObject" wmode="transparent" quality="high" width="'+ esel.big_width +'" height="'+ esel.big_height +'" flashvars="'+ esel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
    document.write('</object></div>');
    setTimeout('document.getElementById("eselcornerBig").style.top = "-1000px";',1000);
    }
    esel.putObjects();
    
     
  4. НTL

    НTL Elder - Старейшина

    Joined:
    26 Jan 2008
    Messages:
    715
    Likes Received:
    205
    Reputations:
    -26
    Как изменить свойства у всех элементов, где class='X'?
    У всех элементов свойство уже изменены по ID с помощью JS, нужно вернуть изначальные свойства
     
  5. НTL

    НTL Elder - Старейшина

    Joined:
    26 Jan 2008
    Messages:
    715
    Likes Received:
    205
    Reputations:
    -26
    Как узнать где находится объект относительно начала документа?
     
  6. LStr1ke

    LStr1ke Elder - Старейшина

    Joined:
    29 Jul 2009
    Messages:
    801
    Likes Received:
    145
    Reputations:
    73
    [ element ].offsetTop
    [ element ].offsetLeft

    http://www.quirksmode.org/js/findpos.html
     
  7. Vengeance

    Vengeance New Member

    Joined:
    16 Nov 2009
    Messages:
    0
    Likes Received:
    0
    Reputations:
    0
    delete
     
    #2867 Vengeance, 23 Feb 2011
    Last edited: 23 Feb 2011
  8. skagen

    skagen Member

    Joined:
    8 Jan 2010
    Messages:
    122
    Likes Received:
    13
    Reputations:
    0
    Здравствуйте.
    Имеется страница на javascript с одной текстовой формой и кнопкой.чтобы загрузить следующий документ, нужно ввести пароль. вот код:
    Code:
    function a(){
    thepw = 'warmup1';
    thepw = thepw+'lol';
    thepw = thepw + 'copter';
    if (document.lf.pw.value==thepw) {
    document.location = '/'+thepw; } else { alert('That is not correct. Please try again.');
    
    подскажите, какой здесь пароль в форму надо вставлять? спасибо
     
  9. Fepsis

    Fepsis Elder - Старейшина

    Joined:
    17 Sep 2008
    Messages:
    791
    Likes Received:
    391
    Reputations:
    72
    Так вроде "warmup1lolcopter"
     
  10. Mixon

    Mixon Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    394
    Likes Received:
    119
    Reputations:
    12
    На будущее,так подмени и пробуй запустить ;)

    Code:
    function a(){
    thepw = 'warmup1';
    thepw = thepw+'lol';
    thepw = thepw + 'copter';
    
    alert(thepw);
    
    if (document.lf.pw.value==thepw) {
    document.location = '/'+thepw; } else { alert('That is not correct. Please try again.');
    
     
  11. skagen

    skagen Member

    Joined:
    8 Jan 2010
    Messages:
    122
    Likes Received:
    13
    Reputations:
    0
    Mixon, спасибо большое за помощь. а вот здесь как будет складываться пароль? чего то я не догоню ...
    Code:
    <label>Введите пароль:
      <input id="II1" type="text" name="textfield"/>
      </label>
      <label>
      <input id="000" type="submit" name="Submit" value="go" onclick="check()" />
      </label>
    <script language="javascript">alert(O0O+);
    
    <script language="javascript">OO0+='771';O0O+=document.getElementById("000").value;OO0+='u';OO0+=O0O;function check() {var II1=document.getElementById("II1").value;if(II1==OO0) {alert("ВВЕДЕН ПРАВИЛЬНЫЙ ПАРОЛЬ");}}</script>
    </body>
    </html>
     
  12. Azer333

    Azer333 New Member

    Joined:
    28 Feb 2011
    Messages:
    2
    Likes Received:
    0
    Reputations:
    0
    Там глобальные переменные не правильно созданы, замени код вот так
    А пароль будет 771ugo
     
  13. vorona

    vorona Member

    Joined:
    7 Sep 2009
    Messages:
    392
    Likes Received:
    7
    Reputations:
    1
    Дайте пжлст скрипт для вывода процесса загрузки файла. Загрузка файла происходит с помощью php.
     
  14. Mixon

    Mixon Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    394
    Likes Received:
    119
    Reputations:
    12
    если присмотреться то первее будет go а потом u,ведь форма выше,но ты не учёл имена) отличай ноль от буквы о )
    протестил хоть-бы.. ;)
    Пароль:

    Скрипт навряд найдёшь,ведь система не малая,а суть таковая,при загрузке файла каждые n секунд запрашивается ajax запросом размер этого файла на сервере и сравнивается с полным размером файла,оттуда и расчёты=)
     
    #2874 Mixon, 5 Mar 2011
    Last edited: 5 Mar 2011
  15. luethus

    luethus New Member

    Joined:
    3 Sep 2010
    Messages:
    27
    Likes Received:
    1
    Reputations:
    0
    можно писать и так: delete variable и так: delete(variable). аналогично, например, с typeof.
    как правильнее? может есть какие-то рекомендации
     
  16. Mixon

    Mixon Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    394
    Likes Received:
    119
    Reputations:
    12
    Лично в первый раз вижу что delete() так можно юзать...
    всегда юзал delete vars; и проблем никогда не было...
    + в большинстве FAQ - через пробел примеры...
     
  17. Orlov

    Orlov New Member

    Joined:
    8 Feb 2011
    Messages:
    2
    Likes Received:
    0
    Reputations:
    0
    Открыть в новой вкладке другой сайт

    Нужно при заходе посетителя на мой сайт открывать в новой вкладке другой сайт. Как сделать, подскажите.
     
  18. Mixon

    Mixon Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    394
    Likes Received:
    119
    Reputations:
    12
    Code:
    var height = 500;
    var width = 500;
    window.open("http://vk.com/", "[B]", "top=" + ((screen.availHeight - height) / 2) + ",left=" + ((screen.availWidth - width) / 2) + ",height=" + height + ",width=" + width + ",resize=yes,scrollbars=no,toolbar=no,location=no, menubar=no,status=no");
     
  19. Orlov

    Orlov New Member

    Joined:
    8 Feb 2011
    Messages:
    2
    Likes Received:
    0
    Reputations:
    0
    Куда этот код вставлять?
     
  20. Mixon

    Mixon Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    394
    Likes Received:
    119
    Reputations:
    12
    Куда-либо...
     
Thread Status:
Not open for further replies.