thr3ads.net - Rails spinoffs - Prototype(please help me) [Mar 2007]

If this information is useful, please help other people find it:
Share via:

x-men

2007-Mar-28 09:09 UTC

Prototype(please help me)

hi

i want show to user Prototype window  when my page load completely?
please show me where can i use Prototype code in the html tag.
please help me step by step because i am new in javascript and
Prototype.
thanks.

example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
    <!--  Prototype Window Class Part -->
    <script type="text/javascript"
src="../javascripts/prototype.js">
</script>
        <script type="text/javascript" src="../javascripts/
effects.js"> </
script>
        <script type="text/javascript"
src="../javascripts/window.js">
</
script>
        <script type="text/javascript" src="../javascripts/
window_effects.js"> </script>
        <script type="text/javascript"
src="../javascripts/debug.js">
</
script>

        <link href="../themes/default.css"
rel="stylesheet"
type="text/
css"
>     </link>
        <link href="../themes/spread.css"
rel="stylesheet" type="text/
css"
>     </link>
        <link href="../themes/alert.css" rel="stylesheet"
type="text/
css"
>     </link>
        <link href="../themes/alert_lite.css"
rel="stylesheet"
type="text/
css" >   </link>
        <link href="../themes/alphacube.css"
rel="stylesheet"
type="text/
css" >   </link>
        <link href="../themes/debug.css" rel="stylesheet"
type="text/
css"
>     </link>
        <!--  Doc Part-->
        <script type="text/javascript"
src="js/application.js"> </
script>
        <link href="stylesheets/login.css"
rel="stylesheet"
type="text/
css"
>     </link>
        <link href="stylesheets/style.css"
rel="stylesheet"
type="text/
css"
>     </link>
</head>
<body onload="">               <--- i think i am write some
code here
for call Prototype window

<script>Application.addTitle(''Open a simple window'',
''open_window1'')</
script>

        <div style="display:none"
id="open_window1_codediv">
          <xmp id="open_window1">
var win = new Window({className: "dialog",  width:350, height:400,
zIndex: 100, resizable: true, title: "Sample window",
showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff,
draggable:true, wiredDrag: true})

win.getContent().innerHTML= "test"
win.setStatusBar("www.test.com");
win.showCenter();
          </xmp>
        </div>

                </body>
</html>


all user say i am must use
Event.observe(window, ''load'', function(evt) {
        //Code here

});

but i am not understand. please send one example or edit my example.


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

x-men

2007-Apr-02 22:57 UTC

head link

Prototype(please help me)

hi

i want show to user Prototype window  when my page load completely?
please show me where can i use Prototype code in the html tag.
please help me step by step because i am new in javascript and
Prototype.
thanks.

example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
    <!--  Prototype Window Class Part -->
    <script type="text/javascript"
src="../javascripts/prototype.js">
</script>
        <script type="text/javascript" src="../javascripts/
effects.js"> </
script>
        <script type="text/javascript" src="../javascripts/
window.js">
</
script>
        <script type="text/javascript" src="../javascripts/
window_effects.js"> </script>
        <script type="text/javascript"
src="../javascripts/debug.js">
</
script>

        <link href="../themes/default.css"
rel="stylesheet"
type="text/
css"
>     </link>
        <link href="../themes/spread.css"
rel="stylesheet"
type="text/
css"
>     </link>
        <link href="../themes/alert.css" rel="stylesheet"
type="text/
css"
>     </link>
        <link href="../themes/alert_lite.css"
rel="stylesheet"
type="text/
css" >   </link>
        <link href="../themes/alphacube.css"
rel="stylesheet"
type="text/
css" >   </link>
        <link href="../themes/debug.css" rel="stylesheet"
type="text/
css"
>     </link>
        <!--  Doc Part-->
        <script type="text/javascript"
src="js/application.js"> </
script>
        <link href="stylesheets/login.css"
rel="stylesheet"
type="text/
css"
>     </link>
        <link href="stylesheets/style.css"
rel="stylesheet"
type="text/
css"
>     </link>
</head>
<body onload="">               <--- i think i am write some
code here
for call Prototype window

<script>Application.addTitle(''Open a simple window'',
''open_window1'')</
script>

        <div style="display:none"
id="open_window1_codediv">
          <xmp id="open_window1">
var win = new Window({className: "dialog",  width:350, height:400,
zIndex: 100, resizable: true, title: "Sample window",
showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff,
draggable:true, wiredDrag: true})

win.getContent().innerHTML= "test"
win.setStatusBar("www.test.com");
win.showCenter();
          </xmp>
        </div>

                </body>
</html>

all user say i am must use
Event.observe(window, ''load'', function(evt) {
        //Code here

});

but i am not understand. please send one example or edit my example.


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Colin Mollenhour

2007-Apr-03 02:44 UTC

head link

Re: Prototype(please help me)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
I don''t know what Application.addTitle is or the xmp tag, but put a
script block like this anywhere in your page and it should work:<br>
<br>
<pre wrap="">&lt;script
type="text/javascript"&gt;
Event.observe(window, ''load'', function() {
	var win = new Window({className: "dialog",  width:350, height:400,
	  zIndex: 100, resizable: true, title: "Sample window",
	  showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff,
	  draggable:true, wiredDrag: true})
	win.getContent().innerHTML= "test"
	win.setStatusBar("<a class="moz-txt-link-abbreviated"
href="http://www.test.com">www.test.com</a>");
	win.showCenter();
});
&lt;/script&gt;
</pre>
Script blocks don''t need to be wrapped in hidden divs or anything like
that since they are not visible elements anyway.<br>
<br>
Colin<br>
<br>
x-men wrote:
<blockquote
 cite="mid:1175554655.196878.9140-SEPL7V/0I3SfAYmsQHFBWGB/v6IoIuQBVpNB7YpNyf8@public.gmane.org"
 type="cite">
  <pre wrap="">hi

i want show to user Prototype window  when my page load completely?
please show me where can i use Prototype code in the html tag.
please help me step by step because i am new in javascript and
Prototype.
thanks.

example:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<a class="moz-txt-link-rfc2396E"
href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</a>&gt;
&lt;html xmlns=<a class="moz-txt-link-rfc2396E"
href="http://www.w3.org/1999/xhtml">"http://www.w3.org/1999/xhtml"</a>&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html;
charset=utf-8" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
    &lt;!--  Prototype Window Class Part --&gt;
    &lt;script type="text/javascript"
src="../javascripts/prototype.js"&gt;
&lt;/script&gt;
        &lt;script type="text/javascript"
src="../javascripts/
effects.js"&gt; &lt;/
script&gt;
        &lt;script type="text/javascript"
src="../javascripts/
window.js"&gt;
&lt;/
script&gt;
        &lt;script type="text/javascript"
src="../javascripts/
window_effects.js"&gt; &lt;/script&gt;
        &lt;script type="text/javascript"
src="../javascripts/debug.js"&gt;
&lt;/
script&gt;

        &lt;link href="../themes/default.css"
rel="stylesheet"
type="text/
css"

  </pre>
  <blockquote type="cite">
    <pre wrap="">    &lt;/link&gt;
    </pre>
  </blockquote>
  <pre wrap=""><!---->
        &lt;link href="../themes/spread.css"
rel="stylesheet"
type="text/
css"

  </pre>
  <blockquote type="cite">
    <pre wrap="">    &lt;/link&gt;
    </pre>
  </blockquote>
  <pre wrap=""><!---->
        &lt;link href="../themes/alert.css"
rel="stylesheet" type="text/
css"

  </pre>
  <blockquote type="cite">
    <pre wrap="">    &lt;/link&gt;
    </pre>
  </blockquote>
  <pre wrap=""><!---->
        &lt;link href="../themes/alert_lite.css"
rel="stylesheet"
type="text/
css" &gt;   &lt;/link&gt;
        &lt;link href="../themes/alphacube.css"
rel="stylesheet"
type="text/
css" &gt;   &lt;/link&gt;
        &lt;link href="../themes/debug.css"
rel="stylesheet" type="text/
css"

  </pre>
  <blockquote type="cite">
    <pre wrap="">    &lt;/link&gt;
    </pre>
  </blockquote>
  <pre wrap=""><!---->
        &lt;!--  Doc Part--&gt;
        &lt;script type="text/javascript"
src="js/application.js"&gt; &lt;/
script&gt;
        &lt;link href="stylesheets/login.css"
rel="stylesheet"
type="text/
css"

  </pre>
  <blockquote type="cite">
    <pre wrap="">    &lt;/link&gt;
    </pre>
  </blockquote>
  <pre wrap=""><!---->
        &lt;link href="stylesheets/style.css"
rel="stylesheet"
type="text/
css"

  </pre>
  <blockquote type="cite">
    <pre wrap="">    &lt;/link&gt;
    </pre>
  </blockquote>
  <pre wrap=""><!---->
&lt;/head&gt;
&lt;body onload=""&gt;               &lt;--- i think i am
write some code here
for call Prototype window

&lt;script&gt;Application.addTitle(''Open a simple
window'',
''open_window1'')&lt;/
script&gt;

        &lt;div style="display:none"
id="open_window1_codediv"&gt;
          &lt;xmp id="open_window1"&gt;
var win = new Window({className: "dialog",  width:350, height:400,
zIndex: 100, resizable: true, title: "Sample window",
showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff,
draggable:true, wiredDrag: true})

win.getContent().innerHTML= "test"
win.setStatusBar("<a class="moz-txt-link-abbreviated"
href="http://www.test.com">www.test.com</a>");
win.showCenter();
          &lt;/xmp&gt;
        &lt;/div&gt;

                &lt;/body&gt;
&lt;/html&gt;

all user say i am must use
Event.observe(window, ''load'', function(evt) {
        //Code here

});

but i am not understand. please send one example or edit my example.




  </pre>
</blockquote>
<br>
--~--~---------~--~----~------------~-------~--~----~<br>
You received this message because you are subscribed to the Google Groups
&quot;Ruby on Rails: Spinoffs&quot; group. <br> To post to this
group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org <br> To
unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
<br> For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en <br>
-~----------~----~----~----~------~----~------~--~---<br>
</body>
</html>

<br>

Rails spinoffs - Mar 2007 - Prototype(please help me)

Prototype(please help me)

Prototype(please help me)

Re: Prototype(please help me)