Einzelnen Beitrag anzeigen

Benutzerbild von implementation
implementation

Registriert seit: 5. Mai 2008
940 Beiträge
 
FreePascal / Lazarus
 
#6

Re: eigene html Objecte??

  Alt 30. Mär 2010, 11:16
Die Idee mit den eigenen Tags ist gar nicht so abwegig.
Sowas ginge z.B. über DHTML-Components / Behavours.
Voll unterstützt werden diese jedoch nur vom Internet Explorer.
Mit etwas mehr Aufwand schafft man es auch beim Firefox, aber es gibt sicherlich viele Browser, die damit überhaupt nicht klar kommen.
Ein Tutorial und die entsprechende MSDN-Seite.

Hier mal ein Beispiel mit einem Ticker in (X)DHTML:
XML-Code:

<html xmlns:ticker>
<head>
 <style>
  ticker\:text {behavior:url(ticker.htc);}
 </style>
</head>
<body onload="ticker.start()">
<ticker:text id="ticker" text1="Dieser Text tickt!"
             text2="Text Nummer 2."
             text3="... und die letzte Nachricht." >
</ticker:text>
</body>
</html>
XML-Code:

<public:component>
 <public:property name="text1" value="1" id="text1" />
 <public:property name="text2" value="2" id="text2" />
 <public:property name="text3" value="3" id="text3" />
 <public:property name="pause" value=" " id="pause" />
 <public:property name="zeit" value="200" id="zeit" />
<public:method name="start" />
 <public:method name="stop" />
 <public:method name="display" />
 <script>
  var running = false;
  var timer;
  var pos = 0;
  function start()
  {
   running = true;
   display();
  }

  function stop()
  {
   running = false;
  }

  function display()
  {
   pos++;
   var s = text3.value+pause.value;
   s += text2.value+pause.value;
   s += text1.value+pause.value;
   if(pos > s.length){pos = 0;}
   s = s.substr(s.length-pos,s.length);
   innerHTML = s;
   if(running = true)
   {timer = window.setTimeout('ticker.display()',zeit.value);}
  }
 </script>
</public:component>
EDIT: Dazu unbedingt das hier durchlesen.
  Mit Zitat antworten Zitat