tag:forum.selfhtml.org,2005:/self
id hinzufügen – SELFHTML-Forum
2014-01-21T20:01:08Z
https://forum.selfhtml.org/self/2014/jan/20/id-hinzufuegen/1600122#m1600122
xbox360
2014-01-20T15:59:50Z
2014-01-20T15:59:50Z
id hinzufügen
<p>Hi,</p>
<p>ich versuche gerade dem Tag <option> eine id hinzuzufügen.<br>
Es sollte so aussehen <option id="DE" ... ><br>
Leider ohne Erfolg.<br>
Was muss im JS geändert werden, damit eine id dem Tag <option> hinzugefügt wird?<br>
(der Code stammt von einem wordpress Plugin)<br>
Bin für jede Hilfe dankbar ...</p>
<pre><code class="block language-html">
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>qtrans_language_chooser<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>qtranslate-chooser<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>lang-de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/wordpress/<span class="token punctuation">"</span></span> <span class="token attr-name">hreflang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>DE<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>DE<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
<span class="token comment">// </span></span><span class="token included-cdata"><span class="token cdata"><![CDATA[</span><span class="token language-javascript">
<span class="token keyword">var</span> lc <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'qtranslate-chooser'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> s <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">'select'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span>id <span class="token operator">=</span> <span class="token string">'qtrans_select_qtranslate-chooser'</span><span class="token punctuation">;</span>
lc<span class="token punctuation">.</span>parentNode<span class="token punctuation">.</span><span class="token function">insertBefore</span><span class="token punctuation">(</span>s<span class="token punctuation">,</span>lc<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> sb <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'qtrans_select_qtranslate-chooser'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> o <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">'option'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> l <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createTextNode</span><span class="token punctuation">(</span><span class="token string">'DE'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
o<span class="token punctuation">.</span>value <span class="token operator">=</span> <span class="token string">'/wordpress/'</span><span class="token punctuation">;</span>
o<span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>l<span class="token punctuation">)</span><span class="token punctuation">;</span>
sb<span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>o<span class="token punctuation">)</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span><span class="token function-variable function">onchange</span> <span class="token operator">=</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> document<span class="token punctuation">.</span>location<span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>value<span class="token punctuation">;</span><span class="token punctuation">}</span>
lc<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display<span class="token operator">=</span><span class="token string">'none'</span><span class="token punctuation">;</span>
<span class="token comment">// </span></span><span class="token cdata">]]></span></span><span class="token language-javascript">
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
</code></pre>
https://forum.selfhtml.org/self/2014/jan/20/id-hinzufuegen/1600124#m1600124
gast_42
2014-01-20T16:26:48Z
2014-01-20T16:26:48Z
id hinzufügen
<pre><code class="block language-javascript">o<span class="token punctuation">.</span>id<span class="token operator">=</span><span class="token string">"DE"</span><span class="token punctuation">;</span>
</code></pre>
<p>(an geeigneter Stelle in Code einfügen)</p>
https://forum.selfhtml.org/self/2014/jan/20/id-hinzufuegen/1600123#m1600123
Felix
2014-01-21T20:01:08Z
2014-01-21T20:01:08Z
id hinzufügen
<p>Hi</p>
<p>mal ganz nebenbei: qTranslate hat selbst schon die Möglichkeit eingebaut, eine Dropdown-Box zu benutzen. Warum erfindest du das Rad neu?</p>
<p>mfg<br>
Felix</p>
https://forum.selfhtml.org/self/2014/jan/20/id-hinzufuegen/1600125#m1600125
xbox360
2014-01-20T16:44:04Z
2014-01-20T16:44:04Z
id hinzufügen
<blockquote>
<pre><code class="block language-javascript"></code></pre>
</blockquote>
<p>o.id="DE";</p>
<blockquote></blockquote>
<pre><code class="block">
> (an geeigneter Stelle in Code einfügen)
~~~html
var sb = document.getElementById('qtrans_select_qtranslate-chooser');
var o = document.createElement('option');
var l = document.createTextNode('DE');
o.id('DE');
o.value = '/wordpress/';
o.appendChild(l);
sb.appendChild(o);
</code></pre>
<p>So geht es leider nicht.<br>
Welche Stelle meinst du genau?</p>
https://forum.selfhtml.org/self/2014/jan/20/id-hinzufuegen/1600127#m1600127
ChrisB
2014-01-20T17:01:38Z
2014-01-20T17:01:38Z
id hinzufügen
<p>Hi,</p>
<blockquote>
<blockquote>
<pre><code class="block language-javascript"></code></pre>
</blockquote>
</blockquote>
<p>o.id="DE";</p>
<blockquote>
<blockquote></blockquote>
</blockquote>
<pre><code class="block">
> > (an geeigneter Stelle in Code einfügen)
>
> ~~~html
> o.id('DE');
>
</code></pre>
<blockquote>
<p>So geht es leider nicht.</p>
</blockquote>
<p>Copy & Paste ist schon eine Herausforderung.</p>
<p>MfG ChrisB</p>
<div class="signature">-- <br>
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
</div>
https://forum.selfhtml.org/self/2014/jan/20/id-hinzufuegen/1600126#m1600126
molily
zapperlott@gmail.com
http://molily.de
2014-01-20T22:37:53Z
2014-01-20T22:37:53Z
id hinzufügen
<p>Hallo,</p>
<blockquote>
<blockquote>
<p>o.id="DE";</p>
</blockquote>
</blockquote>
<blockquote>
<p>o.id('DE');</p>
</blockquote>
<p>Methode (Funktion) eines Objektes aufrufen:</p>
<p><code class="language-javascript">objekt<span class="token punctuation">.</span><span class="token function">methode</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></p>
<p>Einer Eigenschaft eines Objektes einen Wert zuweisen:</p>
<p><code class="language-javascript">objekt<span class="token punctuation">.</span>eigenschaft <span class="token operator">=</span> wert<span class="token punctuation">;</span></code></p>
<p>Dieser Unterschied ist grundlegend.</p>
<p><http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#universaleigenschaften@title=»id« ist eine Eigenschaft> von Element-Objekten. Es ist keine Methode.</p>
<p>Mathias</p>