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

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

Thread Status:
Not open for further replies.
  1. ~EviL~

    ~EviL~ Elder - Старейшина

    Joined:
    14 Aug 2007
    Messages:
    169
    Likes Received:
    77
    Reputations:
    4
    Привет всем. У меня такая ситуация: имеется форма для ввода имени, и соответственно, пароля. Можно ли внедрить javascript который считывает или перехватывает пароль и имя ползователя (username + password), и если да, подкиньте плс код. Спасибо за внимание! =)
     
  2. astrologer

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

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    А как ты собираешься его внедрить на страницу? (Если это твой сайт, то вообще смысла не вижу)
     
  3. GHostly_FOX

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

    Joined:
    4 Jan 2007
    Messages:
    34
    Likes Received:
    15
    Reputations:
    0
    Необходимо добавить items'ы по нажатию кнопки в объект new Ext.TabPanel
    Как это сделать? Я немогу понял как построена структура объекта viewport

    Используется комплект Ext 2.0 (link:_http://extjs.com/download)

    Code:
    Ext.onReady(function(){
    
            Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
            
           var viewport = new Ext.Viewport({
                layout:'border',
                items:[
                    new Ext.BoxComponent({
                        region:'north',
                        el: 'north',
                        height:32
                    }),{
                        region:'south',
                        contentEl: 'south',
                        split:true,
                        height: 100,
                        minSize: 100,
                        maxSize: 200,
                        collapsible: true,
                        title:'South',
                        margins:'0 0 0 0'
                    }, {
                        region:'east',
                        title: 'East Side',
                        collapsible: true,
                        split:true,
                        width: 225,
                        minSize: 175,
                        maxSize: 400,
                        layout:'fit',
                        margins:'0 5 0 0',
                        items:
                            new Ext.TabPanel({
                                border:false,
                                activeTab:1,
                                tabPosition:'bottom',
                                items:[{
                                    html:'<p>A TabPanel component can be a region.</p>',
                                    title: 'A Tab',
                                    autoScroll:true
                                },
                                new Ext.grid.PropertyGrid({
                                    title: 'Property Grid',
                                    closable: true,
                                    source: {
                                        "(name)": "Properties Grid",
                                        "grouping": false,
                                        "autoFitColumns": true,
                                        "productionQuality": false,
                                        "created": new Date(Date.parse('10/15/2006')),
                                        "tested": false,
                                        "version": .01,
                                        "borderWidth": 1
                                    }
                                })]
                            })
                     },{
                        region:'west',
                        id:'west-panel',
                        title:'Меню',
                        split:true,
                        width: 200,
                        minSize: 175,
                        maxSize: 400,
                        collapsible: true,
                        margins:'0 0 0 5',
                        layout:'accordion',
                        layoutConfig:{
                            animate:true
                        },
                        items: [{
                            contentEl: 'west',
                            title:'Публикации',
                            border:false,
                            iconCls:'pub'
                        },{
                            title:'Настройки скрипта',
                            html:'<p>Some settings in here.</p>',
                            border:false,
                            iconCls:'settings'
                        },{
                            title:'Управление пользователями',
                            html:'<p>Some settings in here.</p>',
                            border:false,
                            iconCls:'user'
                        },{
                            title:'Управление шаблонами',
                            html:'<p>Some settings in here.</p>',
                            border:false,
                            iconCls:'template'
                        },{
                            title:'Утилиты',
                            html:'<p>Some settings in here.</p>',
                            border:false,
                            iconCls:'plugin'
                        },{
                            title:'Другие разделы',
                            html:'<p>Some settings in here.</p>',
                            border:false,
                            iconCls:'settings'
                        }]
                    },
                    new Ext.TabPanel({
                        region:'center',
                        deferredRender:false,
                        activeTab:0,
                        items:[{
                            contentEl:'center1',
                            title: 'Close Me',
                            closable:true,
                            autoScroll:true
                        },{
                            contentEl:'center2',
                            title: 'Center Panel',
                            autoScroll:true
                        }]
                    })
                 ]
            });
        });
     
  4. Meanor

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

    Joined:
    9 Sep 2007
    Messages:
    66
    Likes Received:
    9
    Reputations:
    0
    Как можно сделать, чтобы фрейм был всегда прокручен вниз до максимума? (для чата...)
     
  5. Vadik

    Vadik New Member

    Joined:
    10 Oct 2007
    Messages:
    3
    Likes Received:
    1
    Reputations:
    0
    Доброго времени суток
    не могу разобраться со скриптом

    на странице по середине есть большая картинка и во круг неё допустим 9 маленьких, при наведении курсора на маленькую она отображается в большой.

    HTML:
    <script language="JavaScript">if (navigator.appVersion.indexOf("2.") != -1)
    { check = false; }
    
    if ((navigator.appVersion.indexOf("3.") != -1) &&
                  (navigator.appName.indexOf("Explorer") != -1))
    
    { check = false; }
    else { check = true; }
    
    im1ch = new Image();
    im1ch.src = "1.gif";
    im1chon = new Image();
    im1chon.src = "2.gif";
    
    function imon(name)
    {document["change"].src = eval(name + "chon.src"); }
    
    function imoff(name) { document["change"].src = eval(name + "ch.src"); }
    
    NN3 = true;
    
    function on(name)
    { if (check == true){ imon(name);} }
    
    function off(name)
    { if (check == true){ imoff(name);} }
    </script>

    Где сначало идет проверка версии браузера(будет ли работать скрипт), затем описание картинки и той, что ее сменяет (обознач im1 и im1chon), а потом сам скрипт замены... Картинок можно вставить сколько угодно (пример im2, im3,.. imn...),
    а вот вызывать их надо так...

    HTML:
    <img SRC="main.gif" NAME="change">
     <a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
    <img SRC="1.gif" NAME="im1" BORDER="0"></a>
    Первая строка - первоночальное изображение, с заданием имени change (см.скрипт), потом дополнит. изобр.(таких можно сделать много по аналогии)...

    у меня при наведении на маленькую картинку большая вовсе пропадает
     
  6. inv

    inv Banned

    Joined:
    3 Aug 2007
    Messages:
    261
    Likes Received:
    143
    Reputations:
    -58
    полный исходный код html+javascript
    или ссылку на страницу
    и названия картинок(имена всех используемых файлов-картинок)

    Скорее всего просто неправильные адреса картинок делаешь..
     
  7. Vadik

    Vadik New Member

    Joined:
    10 Oct 2007
    Messages:
    3
    Likes Received:
    1
    Reputations:
    0
    inv
    только начал делать, всё лежит на компе
    названия картинок используемые для замены ; 1; 1b; 2; 2b; 3; 3b; 4; 4b ( 1 и т.д. - это маленькие, 1b и т. д. - это большие)
    вот как прописать путь на большую картинку не знаю
    пример того чего хочу сделать, только там кликать надо, а по этому скрипту нужно только навести курсор:
    ццц.oman3d.com/tutorials/flash/portfolio_2_bc/

    а вот полный исходный код html+javascript
    HTML:
    <HTML>
    <HEAD>
    <TITLE>test</TITLE>
    <meta http-equiv="Content-Style-Type" content="text/css">
    <LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><style type="text/css">
    <!--
    body {
    	background-color: #EAE5DB;
    }
    .caption {color: #FFC109;
    }
    .стиль15 {color: #FFC109; font-size: 16px; }
    .стиль16 {font-size: 16px}
    .стиль17 {color: #CCCCCC; font-size: 16px; }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    
    function MM_jumpMenu(targ,selObj,restore){ //v3.0
      eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
      if (restore) selObj.selectedIndex=0;
    }
    //-->
    </script>
    <script language="JavaScript">
    if (navigator.appVersion.indexOf("2.") != -1)
    { check = false; }
    
    if ((navigator.appVersion.indexOf("3.") != -1) &&
                  (navigator.appName.indexOf("Explorer") != -1))
    
    { check = false; }
    else { check = true; }
    
    im1ch = new Image();
    im1ch.src = "1.gif";
    im1chon = new Image();
    im1chon.src = "2.gif";
    
    function imon(name)
    {document["change"].src = eval(name + "chon.src"); }
    
    function imoff(name) { document["change"].src = eval(name + "ch.src"); }
    
    NN3 = true;
    
    function on(name)
    { if (check == true){ imon(name);} }
    
    function off(name)
    { if (check == true){ imoff(name);} }
    </script>
    </HEAD>
    <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <TABLE WIDTH=850 height="511" BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
    	<TR>
    		<TD WIDTH=850HEIGHT=10 ALT="" valign="top">
    		<TABLE WIDTH=850 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    	<TR>
    		<TD width="850" height="19"><img src="images/bottom-1.jpg" width="850" height="19"></TD>
    		<form>
    		  </form>
    	</TR>
    </TABLE>		</TD>
    	</TR>
    	<TR><TD height="95"><img src="images/logo-bau.jpg" width="850" height="95"></TD>
    	</TR>
    	<TR>
    		<TD WIDTH=850 HEIGHT=36 ALT="" valign="top">
    		<TABLE WIDTH=850 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    	<TR>
    		<TD><a href="index-2.html"><IMG SRC="images/m1.jpg" ALT="" WIDTH=174 HEIGHT=36 border="0"></a></TD>
    		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2','','images/2-c2.gif',1)"><img src="images/1-c2.gif" alt="" name="r2" width="160" height="36" id="r2" /></a></TD>
    		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3','','images/3-b3.gif',1)"><img src="images/1-b3.gif" alt="" name="r3" width="160" height="36" id="r3" /></a></TD>
    		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4','','images/4-b4.gif',1)"><img src="images/1-b4.gif" alt="" name="r4" width="160" height="36" id="r4" /></a></TD>
    		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r5','','images/5-b5.gif',1)"><img src="images/1-b5.gif" alt="" name="r5" width="160" height="36" id="r5" /></a></TD>
    		<TD><IMG SRC="images/m6.jpg" ALT="" WIDTH=36 HEIGHT=36 border="0"></TD>
    	</TR>
    </TABLE>		</TD>
    	</TR>
    	<TR><TD><IMG SRC="images/spacer.gif" WIDTH=850 HEIGHT=8 ALT=""></TD></TR>
    	<TR>
    		<TD WIDTH=721 HEIGHT=285 ALT="" valign="top">
    		<table width="721" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="7" height="7"><img src="images/top_left_corner.jpg"></td>
        <td width="707" background="images/top_px.jpg"><img src="images/spacer.gif"></td>
        <td width="7"><img src="images/top_right_corner.jpg"></td>
      </tr>
      <tr>
        <td width="7" height="271" background="images/left_px.jpg"><img src="images/spacer.gif"></td>
        <td width="707" valign="top">
    	<table width="837" height="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="166" height="264" valign="top" background="images/dot.jpg" style="background-position:right; background-repeat:repeat-y "><img src="images/bottom-3.jpg" width="165"><br style="line-height:7px "></td>
        <td width="671" valign="top"><table width="160" height="258" border="0" align="left" cellpadding="3" cellspacing="0">
          <tr>
            <td height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
    <img SRC="images/pic/1.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
          </tr>
          <tr>
            <td width="636" height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
    <img SRC="images/pic/2.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
          </tr>
        </table>
          <table width="348" height="258" border="0" align="left" cellpadding="3" cellspacing="0">
          <tr>
            <td width="636" height="24" align="left" valign="top" ><img SRC="images/pic/1b.gif" NAME="change" width="298" height="243"> </td>
          </tr>
        </table>
          <table width="160" height="258" border="0" align="left" cellpadding="3" cellspacing="0">
          
          <tr>
            <td height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
    <img SRC="images/pic/3.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
          </tr>
          <tr>
            <td width="636" height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
    <img SRC="images/pic/4.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
          </tr>
           </table></td>
      </tr>
    </table>	</td>
        <td width="7" background="images/right_px.jpg"><img src="images/spacer.gif"></td>
      </tr>
      <tr>
        <td width="7" height="7"><img src="images/bot_left_corner.jpg"></td>
        <td width="707" background="images/bot_px.jpg"><img src="images/spacer.gif"></td>
        <td width="7"><img src="images/bot_right_corner.jpg"></td>
      </tr>
    </table>		</TD>
    	</TR>
    	<TR><TD><IMG SRC="images/spacer.gif" WIDTH=850 HEIGHT=8 ALT=""></TD></TR>
    	<TR>
    	<TR><TD height="4"><img src="images/bottom-2.jpg" width=850 height=60 alt=""></TD>
    	</TR>
    	<TR>
    		
    	</TR>
    </TABLE>
    *
    *
    *
    *
    </BODY>
    </HTML>
     
  8. Vadik

    Vadik New Member

    Joined:
    10 Oct 2007
    Messages:
    3
    Likes Received:
    1
    Reputations:
    0
    мою просьбу о помощи можно считать закрытой.
    решил задачу с помощью другого скрипта.
    спасибо.
     
    1 person likes this.
  9. Helios

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

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    2Meanor

    в конец содержания врейма впихни этот код:

    PHP:
    <div id="myFrameFooter"></div>
    <
    script>
    document.getElementByID('myFrameFooter').scrollIntoView();
    </script>
     
  10. GHostly_FOX

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

    Joined:
    4 Jan 2007
    Messages:
    34
    Likes Received:
    15
    Reputations:
    0
    А с моей просьбой никто не может помочь???
     
  11. inv

    inv Banned

    Joined:
    3 Aug 2007
    Messages:
    261
    Likes Received:
    143
    Reputations:
    -58
    у кого-то нет времени кому-то лень в этом разбираться...=\тут же бескорыстная помощь ,а что ты хотел=\без ответа.
     
  12. astrologer

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

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    У них на сайте документация с примерами, почитай.
    Вот, например. По аналогии сделать не сложно.
     
  13. <don>C2E/\T!\/E

    <don>C2E/\T!\/E New Member

    Joined:
    21 Oct 2007
    Messages:
    1
    Likes Received:
    0
    Reputations:
    0
    Хочу изучить JavaScript, посоветуйте плз с чего начать, в Java полный "0", давно начинал учить С++, но тож оч. мало.
     
  14. Helios

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

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    Для начала: Java и JavaScript диаметрально разные языки. JavaScript - язык простой и легкий для освоения.

    Рекомендую купить/скачать 2 книги:
    первую в стиле "Самоучитель JavaScript. Освой за 21 день",
    вторую - "JavaScript: Библия пользователя".

    Последнюю рекомендую иметь в печатном варианте, т.к. если решишь серьезно заниматься JS, то этот справочник пригодится не раз. Одно но, т.к. книга большая и стоящая, ее цена может быть довольно большой.
     
  15. Darkweider

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

    Joined:
    8 Feb 2007
    Messages:
    142
    Likes Received:
    13
    Reputations:
    0
    Вопрос: Надо сделать так чтобы div обновлялся через определенное время без перезагрузки страницы... Соответственно с обращением к скрипту на рhp. Скрипт соответственно выводит какую-то информацию... Плюс еще вопрос как сделать пост запрос опять же к скрипту без перезагрузки, т.е. чтобы информацию просто отправилась на скрипт а страница не менялась...
     
  16. Kridan

    Kridan Member

    Joined:
    2 Jun 2007
    Messages:
    24
    Likes Received:
    8
    Reputations:
    0
    Code:
    window.setTimeout(reloadFunction(), 60000);
    
    function reloadFunction(){
      if(typeof(XMLHttpRequest)!='undefined'){
        var getXMLHttpObj = function(){ return new XMLHttpRequest(); };
      } else {
        var getXMLHttpObj = function(){
          var activeXObjects = ['Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'];
          for(var i=0; i<activeXObjects.length; i++){
            try{
              return new ActiveXObject(activeXObjects[i]);
            } catch(err){};
          };
        };
      };
      PostString="То, что надо отправить";
      var oXml = getXMLHttpObj();
      oXml.open('POST', 'getData.php', true);
      oXml.setRequestHeader("Content-Type", "text/plant");
      oXml.onReadyStateChange = processingFunction;
      oXml.send(PostString);
    };
    
    function processingFunction(){
      if(oXml.readyState!=4) return; // запрос не выполнен 
    
      newDiv=oXml.responseText;
      document.getElementById("myDiv").innerHTML=newDiv;
      window.setTimeout(reloadFunction(), 60000);
    };  
    И на самой странице
    HTML:
    <div id="myDiv">...</div>
     
    1 person likes this.
  17. Darkweider

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

    Joined:
    8 Feb 2007
    Messages:
    142
    Likes Received:
    13
    Reputations:
    0
    Оо спасибо внятно и понятно.. супер , а то до этого приходилось get использовать..
     
  18. rubik-nerubik

    rubik-nerubik Elder - Старейшина

    Joined:
    4 May 2007
    Messages:
    248
    Likes Received:
    9
    Reputations:
    -2
    нужен скрипт, который бы при нажатии на <input type=text, он бы обчным путем отправлялся в аксесс (на соседний фрейм) а у себя бы обнуляля строку
     
  19. inv

    inv Banned

    Joined:
    3 Aug 2007
    Messages:
    261
    Likes Received:
    143
    Reputations:
    -58
    научитесь писать по-русски и возможно у кого-нибудь возникнет желание помочь безвозмездно
     
  20. phol1eadeux

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

    Joined:
    7 Aug 2007
    Messages:
    108
    Likes Received:
    48
    Reputations:
    -1
    Это что такое?
     
Thread Status:
Not open for further replies.