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>