Tag: dom

Utilizzare questo tag su questioni riguardanti l’interazione di altre lingue con XML/HTML tramite il document object model. Non utilizzare come scorciatoia per HTML, JavaScript, o SAX—utilizzare tag aggiuntivi per indicare sia la lingua e la marcatura.

dom | dom-manipulation | javascript
utilizzando il documento.createDocumentFragment() e innerHTML per manipolare il DOM

Sto creando un frammento di documento come segue: var aWholeHTMLDocument = '<!doctype html> <html><head></head><body><h1>hello world</h1></body></html>'; var frag = document.createDocumentFragment(); frag.innerHTML = aWholeHTMLDocument; Variabile aWholeHTMLDocument contiene una stringa lunga è l’intero documento html di una pagina e voglio inserirlo all’interno del mio frammento per generare e manipolare il dom dinamicamente. La mia domanda è, una volta che ho aggiunto la stringa… Continue reading "utilizzando il documento.createDocumentFragment() e innerHTML per manipolare il DOM"
angular | angular2-template | dom | html | typescript
Angular2, qual è il modo corretto per disattivare un elemento di ancoraggio?

Sto lavorando su di un Angular2 applicazione, e ho bisogno di display — ma disable un <a> HTML elemento. Qual è il modo corretto di fare questo? Aggiornato Si prega di notare il *ngFor, che permette di evitare la possibilità di utilizzare *ngIf e non il rendering del <a> del tutto. <a *ngFor="let link of links" href="#" [class.disabled]="isDisabled(link)" (click)="onClick(link)"> {{… Continue reading "Angular2, qual è il modo corretto per disattivare un elemento di ancoraggio?"
css-selectors | dom | html | jquery | jquery-selectors
Come controllare se l’elemento non è il primo figlio?

Come fai a sapere se l’elemento corrente non è il primo figlio? Dovrebbe funzionare con $(this), per esempio: $("li").click(function(e) { if (/* $(this) is not the first-child */) { /* do something */ } }); InformationsquelleAutor James | 2010-09-09
dom | html | laravel | parsing
Semplice html parser dom per laravel 5

dove posso trovare un semplice html parser dom per laravel 5? Sto cercando somethink come questo: http://simplehtmldom.sourceforge.net/manual.htm Ci sono porting disponibili pacchetti Packagist che è possibile installare con il Compositore e l’uso in Laravel? O avete bisogno di Laravel Fornitori di Servizio e/o di facciata? InformationsquelleAutor Jensej | 2015-03-15
dom | php
Come usare getElementById

Voglio ottenere i valori all’interno di tds. Posso farlo da getElementsByTagName ma non ho potuto gestire tramite getElementById. HTML potrebbe assomigliare a questo: <table id="myid"> <tr> <td>value1</td> <td>value2</td> </tr> <tr> <td>value1</td> <td>value2</td> </tr> </table> Php utilizzato per accedere ai valori è: <?PHP $dom = new DOMDocument(); $dom->loadHTMLfile('http://remoteDomain/thispage.html'); $table=$dom->getElementById('myid'); foreach($table->getElementsByTagName('tr') as $key =>$tr){ $tr->getElementsByTagName('td')->item(0)->nodeValue; } ?> MODIFICA Ho avuto il messaggio… Continue reading "Come usare getElementById"
coding-style | dom | javascript
Come posso fare a livello di programmazione la copia di tutti gli attributi di stile da un elemento del DOM per un altro

Ho una pagina con due frame, e ho bisogno di (tramite javascript) copia di un elemento e di tutti i suoi elementi nidificati (è un ul/li albero) e, cosa più importante è che lo stile da un fotogramma all’altro. Ho tutti i contenuti tramite l’assegnazione di innerhtml, e sono in grado di posizionare il nuovo elemento nel secondo frame con… Continue reading "Come posso fare a livello di programmazione la copia di tutti gli attributi di stile da un elemento del DOM per un altro"
dom | jquery
Come trovare il div prima di un determinato elemento con jQuery?

<td> <div class="resumehint"></div> <input type="file" id="resume" /> </td> Come ottenere il div prima “#resume” con jQuery? Che è “.resumehint” InformationsquelleAutor omg | 2009-08-28
dom | javascript | svg | xml
C’è un modo semplice per eliminare un file SVG elemento di contenuto?

In HTML, posso cancellare un <div> elemento con questo comando: div.innerHTML = ""; C’è un equivalente se ho un <svg> elemento? Non riesco a trovare una innerHTML né innerXML o anche innerSVG metodo. So SVG DOM è un superset di DOM XML, quindi so che posso fare qualcosa di simile a questo: while (svg.lastChild) { svg.removeChild(svg.lastChild); } Ma questa è… Continue reading "C’è un modo semplice per eliminare un file SVG elemento di contenuto?"
dom | javascript | jquery
Ottenere la posizione relativa tra 2 elementi del DOM con JavaScript

Ho implementato una serie di trascinabile elementi che possono essere inseriti nei contenitori utilizzando jQuery. Ciò di cui ho bisogno è un’animazione che muove un elemento di un contenitore specifico senza l’interazione dell’utente. Il problema è che gli elementi e la caduta di contenitori sono completamente diverse parti del DOM e soprattutto posizionato utilizzando galleggiante. Ho solo bisogno di un… Continue reading "Ottenere la posizione relativa tra 2 elementi del DOM con JavaScript"
dom | javascript | reset | variables
Deselezionare tutte script-set di variabili facilmente (Javascript/jQuery)

Sto cercando di trovare un modo semplice per ripristinare tutte le correnti variabili nel DOM. La mia app ha ‘bloccato’ stato, ma attualmente, quando è bloccato, l’ultima serie di informazioni è ancora visibile in DOM se si guarda con Firebug per esempio. Conosco tutti i nomi di tutte le variabili, ma non voglio avere davvero un ingombrante script tra tutte… Continue reading "Deselezionare tutte script-set di variabili facilmente (Javascript/jQuery)"
dom | html | innerhtml | javascript
documento javascript.innerHTML di impostare il contenuto dell’intero documento

Come posso impostare il innerHTML, o l’intero contenuto di un documento HTML tramite javascript? Per esempio il mio documento sarebbe simile a questa: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-language" content="en"/> <title>Webpage Generator</title> <script type="text/javascript"> var newDocument = "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" \n\t"http://www.w3.org/TR/html4/loose.dtd">\n<html>\n<head>\n\t<title>Greetings!</title>\n</head>\n<body>\n\t<p>Howdy!</p>\n</body>\n</html>"; document.innerHTML… Continue reading "documento javascript.innerHTML di impostare il contenuto dell’intero documento"
dom | html | javascript | jquery | json
Veloce modo dinamico riempire la tabella con i dati JSON JavaScript

Sto sperimentando con jQuery, JSON, etc. e mi sono imbattuto nel seguente attività. Ho un caricatore di script sul server che restituisce i dati della tabella in formato JSON. Una volta ricevuti i dati in formato JSON, ho voglia di riempire la mia tavola con loro. Attualmente sto utilizzando codice simile al seguente (ci sono più colonne e una parte… Continue reading "Veloce modo dinamico riempire la tabella con i dati JSON JavaScript"
dom | php | root-node | xml
PHP5: Trovare il Nodo Principale DOMDocument

Ho un PHP5 DOMDocument e cerco di trovare il nodo principale (non l’elemento radice). Esempio: <test> <element> <bla1>x</bla1> <bla2>x</bla2> </element> <element> <bla1>y</bla1> <bla2>y</bla2> </element> <element> <bla1>z</bla1> <bla2>z</bla2> </element> </test> Voglio ottenere il DOMNode di “test” in modo che io possa chiamare – per esempio – hasChildNodes. Posso ottenere il “get-documentelement”, ma questo è un DOMElement. Forse posso andare da qui?… Continue reading "PHP5: Trovare il Nodo Principale DOMDocument"
dom | html | javascript
Posso aggiungere javascript in modo dinamico per uno script esistente elemento

Voglio aggiungere dinamicamente javascript per uno script esistente elemento qualcosa di simile: var se = document.createElement('script'); se.setAttribute('type', 'text/javascript'); se.innerHTML = 'alert(1)'; document.getElementsByTagName('head').item(0).appendChild(se); La parte interessante è se.innerHTML = 'alert(1)'; e se è valido? Se no come posso fare questo il modo giusto? Ho provato, dopo aver aggiunto il <script> elemento per la prima volta (con document.getElementsByTagName('head').item(0).appendChild(se);), esegue, ma non rispondere… Continue reading "Posso aggiungere javascript in modo dinamico per uno script esistente elemento"
css | dom | javascript
Come rilevare se un elemento non è visibile in modo veloce in JavaScript?

In passato abbiamo utilizzato l’attributo CSS “display” per visualizzare e nascondere elementi del DOM. Per verificare se un elemento è visibile, si potrebbe utilizzare: elemento.offsetWidth > 0 Dal momento che abbiamo avuto alcuni problemi con Flash e Java Applet (si fermano quando ottengono display:none) siamo passati al CSS attributo di “visibilità”. Ora sto cercando un modo facile e veloce per… Continue reading "Come rilevare se un elemento non è visibile in modo veloce in JavaScript?"
createtextnode | dom | javascript
Perché non c’è un documento.createHTMLNode()?

Voglio inserire codice html all’attuale gamma (W3C Gamma). Mi sa che devo usare il metodo insertNode. E funziona alla grande con testo. Esempio: var node = document.createTextNode("some text"); range.insertNode(node); Il problema è che voglio inserire codice html (potrebbe essere qualcosa del tipo “<h1>test</h1>testo più”). E non c’è createHTMLNode(). Ho cercato di usare createElement(‘div’), assegnare un id e il codice html… Continue reading "Perché non c’è un documento.createHTMLNode()?"
dom | dtd | javascript | jquery | syntax-error
Error: SyntaxError: DOM 12 di Eccezione Tag Creazione Utilizzando jQuery

Ho il seguente codice javascript: var orderItemQuantity = $('<input/>', { type: 'hidden', name: 'order_detail[][quantity]', value: itemQuantity }); Sopra javascript genera il seguente messaggio di errore: Error: SyntaxError: DOM Exception 12 Questo funziona senza errori: var newListItem = $('<li/>', { html: $('#item_name_'+itemId).text() + '(' + $('#item_quantity_' + itemId).val() +')' + '<a onclick="removeItem(' + itemId + ')">Delete this</a>' + '<input type="hidden" name="order_detail[][item_id]"… Continue reading "Error: SyntaxError: DOM 12 di Eccezione Tag Creazione Utilizzando jQuery"
dhtml | dom | javascript | textnode
getElementsByTagName() equivalente per textNodes

C’è un modo per ottenere la raccolta di tutte le textNode oggetti all’interno di un documento? getElementsByTagName() funziona alla grande per gli Elementi, ma textNodes non sono Elementi. Aggiornamento: mi rendo conto che questo può essere fatto a piedi il DOM, il più basso suggeriscono. Io di sapere come scrivere un DOM-walker funzione che cerca in ogni nodo del documento.… Continue reading "getElementsByTagName() equivalente per textNodes"
dom | drop-down-menu | html | javascript
Avere selezionato l’opzione di testo con JavaScript

Ho un elenco a discesa come questo: <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> Come posso ottenere il reale opzione di testo, piuttosto che il valore tramite JavaScript? Posso ottenere il valore con qualcosa di simile: <select id="box1" onChange="myNewFunction(this.selectedIndex);" > Ma piuttosto che 7122 voglio cat. questo.innerHTML ? stackoverflow.com/a/1085810/1339473 vedere questo per aiutare di più possibile duplicato di… Continue reading "Avere selezionato l’opzione di testo con JavaScript"
dom | javascript
Inserire script e tag di collegamento all’interno del tag di intestazione

È possibile inserire/generare <Script> e <Link> tag all’interno del <Header> usando solo Javascript e DOM (non JQuery) quando il caricamento della pagina o semplicemente di cui uno <Script> tag all’interno del <Header> e farlo da lì? E ancora ci permettono di eseguire il debug e di evitare duplicati se solo nel caso in cui abbiamo già aggiunto una simile <Script>… Continue reading "Inserire script e tag di collegamento all’interno del tag di intestazione"
dom | file-upload | html | javascript
Come risolvere il C:\fakepath?

<input type="file" id="file-id" name="file_name" onchange="theimage();"> Questo è il mio tasto upload. <input type="text" name="file_path" id="file-path"> Questo è il campo di testo dove devo indicare il percorso completo del file. function theimage(){ var filename = document.getElementById('file-id').value; document.getElementById('file-path').value = filename; alert(filename); } Questo è il JavaScript che risolvere il mio problema. Ma il valore dell’avviso dà C:\fakepath\test.csv e Mozilla mi dà: test.csv… Continue reading "Come risolvere il C:\fakepath?"
dom | javascript | performance
Prestazioni con scorrimento infinito o un sacco di elementi del dom?

Ho una domanda su un grande numero di dom elmenets e prestazioni. Diciamo che ho 6000 elementi del dom di una pagina e il numero di elementi che può essere aumentato come un utente di interagire con la pagina (utente scorre per creare un nuovo elemento dom) come twitter. Per migliorare le prestazioni della pagina, mi vengono in mente solo… Continue reading "Prestazioni con scorrimento infinito o un sacco di elementi del dom?"
dom | html5 | php
DOM parser che permette di HTML5 in stile </ a <script> tag

Aggiornamento: html5lib (fondo di domanda) sembra avvicinarsi, ho solo bisogno di migliorare la mia comprensione di come viene usato. Sto tentando di trovare una compatibile con l’HTML5 DOM parser PHP 5.3. In particolare, ho bisogno di accedere al codice HTML riportato di seguito-come CDATA interno di un tag script: <script type="text/x-jquery-tmpl" id="foo"> <table><tr><td>${name}</td></tr></table> </script> Più parser si concluderà l’analisi in… Continue reading "DOM parser che permette di HTML5 in stile </ a <script> tag"
angularjs | angularjs-directive | dom | service
DOM manipolazione in AngularJS servizi

È ben noto che si deve manipolare il DOM elementi all’interno di direttive quando si utilizza AngularJS. Sembra, tuttavia, che, in alcuni casi d’uso, la manipolazione del DOM all’interno di un servizio accettabile. Misko Hevery sta parlando di questo qui. È inoltre possibile trovare un esempio all’interno del Bootstrap interfaccia utente finestra di Dialogo. Misko la spiegazione è piuttosto vaga,… Continue reading "DOM manipolazione in AngularJS servizi"
dojo | dom | javascript
Come copiare un nodo DOM con gli ascoltatori di eventi?

Ho provato node.cloneNode(true); //deep copy Non sembra copiare il listener di eventi che ho aggiunto utilizzando node.addEventListener("click", someFunc);. Usiamo il Dojo biblioteca. InformationsquelleAutor Chakradar Raju | 2013-03-14
dom | javascript | location | url
Differenza tra il documento.URL e la posizione.href

So che document.URL non può essere impostato, mentre location.href possibile. Ma il Documento indica: URL è una sostituzione per il DOM Level 0 location.href proprietà. Così, quando dovremmo usare document.URL? Ogni volta che si desidera leggere l’URL… ….in una “moderna”. document.location.href è per gli antichi. InformationsquelleAutor eddie yang | 2011-03-22
dom | html | html-parsing | parsing | python
Come analizzare HTML non valido in python, che utilizza le librerie standard

Ci sono così tanti html e xml librerie costruito in python, che è difficile credere che non c’è il supporto per il mondo reale di parsing del codice HTML. Ho trovato un sacco di grandi librerie di terze parti per questo compito, ma questa domanda è di circa il python standard library. Requisiti: Utilizzare solo Python standard library componenti (ogni… Continue reading "Come analizzare HTML non valido in python, che utilizza le librerie standard"
dom | html
Rendere un elemento HTML non attivabile

È possibile fare un elemento HTML non attivabile? Capisco che un elenco di elementi che possono ricevere il focus può essere definito e che un utente può navigare attraverso questi elementi premendo un Scheda chiave. Vedo anche che è il browser per controllare questo. Ma forse c’è un modo per fare certi elementi non attivabile, dire voglio che un utente… Continue reading "Rendere un elemento HTML non attivabile"
dom | php | xml
PHP XML rimuovere elemento e tutti i bambini per nome

Ho un file XML strutturato come: <root> <featured> <title></title> <tweet></tweet> <img></img> </featured> </root> L’elemento viene aggiunto in modo dinamico , l’utente deve l’opzione per rimuovere l’elemento in certe occasioni, Ho provato un paio di variazioni di codice di cui: $featureddel = $xpath->query('//featured'); while ( $featureddel->hasChildNodes()){ $featureddel->removeChild($featureddel->childNodes->item(0)); } che mi dà un errore: PHP Fatal error: Call to undefined method DOMNodeList::hasChildNodes()… Continue reading "PHP XML rimuovere elemento e tutti i bambini per nome"
curl | dom | jquery | jquery-load | php
Estrarre il contenuto HTML da un sito web remoto e la visualizzazione sulla pagina

Lavorato su questo per un po ‘ di tempo ora e sono perplesso. Sto tentando di estrarre il contenuto all’interno di un determinato div in un sito remoto pagina e poi inserire codice html in un div sul mio sito web. So che non si può solo utilizzare jQuery .l’ajax .carico, o .metodi get per questo tipo di operazione. Ecco… Continue reading "Estrarre il contenuto HTML da un sito web remoto e la visualizzazione sulla pagina"
dom | html | php
PHP DOM ottenere nodevalue html? (senza stripping tag)

Sto cercando di ottenere la proprietà innerhtml del tag div in un file utilizzando nodeValue, tuttavia, questo codice è l’output di solo testo normale e sembra eliminare tutti i tag html all’interno del div. Come posso modificare questo codice per mostrare il div contenuto HTML e non di testo normale, E anche l’uscita principale div wrapping è un bambino di… Continue reading "PHP DOM ottenere nodevalue html? (senza stripping tag)"
dom | javascript | jquery
jquery – modo più veloce per rimuovere tutte le righe da una tabella molto grande

Ho pensato che questo potrebbe essere un modo veloce per rimuovere il contenuto di una tabella molto grande (3000 righe): $jq("tbody", myTable).remove(); Ma è circa cinque secondi per completare in firefox. Sto facendo qualcosa di stupido (a parte cercando di carico 3000 righe di un browser)? C’è modo più veloce per farlo? InformationsquelleAutor morgancodes | 2009-04-06
appendchild | dom | html | php
Come aggiungere sorgente html di una DOMElement in PHP?

C’è un modo di aggiungere codice html in un DOMElement? Qualcosa di simile a questo: $trElement->appendSource("<a href='?select_user=4'>Username</a>"); Sarebbe analizzare quel frammento e poi aggiungerla. InformationsquelleAutor fabio | 2011-01-20
animation | dom | javascript | jquery | jquery-ui
JQuery – animare lo spostamento dell’elemento del DOM di nuovo padre?

Ho un tag di immagine all’interno di una cella di tabella, che mi piacerebbe spostare un altro cella di tabella, e che quel movimento animato. Codice simile a questa… <td id="cell1"><img src="arrow.png" alt="Arrow"/></td> <td id="cell2"></td> Vorrei spostare “freccia.png”, per “cell2”, e di avere un qualche tipo di effetto di transizione, preferibilmente con JQuery. Tutte le idee? Grazie! InformationsquelleAutor | 2009-05-25… Continue reading "JQuery – animare lo spostamento dell’elemento del DOM di nuovo padre?"
dom | javascript
Modo più semplice per ordinare i nodi DOM?

Se ho una lista come questa: <ul id="mylist"> <li id="list-item1">text 1</li> <li id="list-item2">text 2</li> <li id="list-item3">text 3</li> <li id="list-item4">text 4</li> </ul> Qual è il modo più semplice per ri-organizzare il DOM nodi di mia preferenza? (Questo deve avvenire automaticamente quando la pagina viene caricata, la lista di preferenza di ordine è guadagnato da un cookie) E. g. <ul id="mylist"> <li… Continue reading "Modo più semplice per ordinare i nodi DOM?"
css | dom | html | position
HTML/CSS DIV Align in fondo alla pagina e schermo – quello che viene prima

Ho un div: clear:both; position:absolute; bottom:0; left:0; background:red; width:100%; height:200px; E html, body: html, body { height:100%; width:100%; } /* Body styles */ body { background:url(../images/background.png) top center no-repeat #101010; color:#ffffff; } Il mio codice è fondamentalmente 20 loren ipsum paragrafi seguita dalla div. Ora ho provato impostazione della posizione relativa e assoluta e etc, ma con assoluto il div… Continue reading "HTML/CSS DIV Align in fondo alla pagina e schermo – quello che viene prima"
addeventlistener | angular | dom | events | typescript
Angular2, HostListener, come posso destinazione di un elemento? posso destinazione in base alla classe?

In Angular2, come posso destinazione di un elemento all’interno del HostListener decoratore? @HostListener('dragstart', ['$event']) onDragStart(ev:Event) { console.log(ev); } @HostListener('document: dragstart', ['$event']) onDragStart(ev:Event) { console.log(ev); } @HostListener('myElement: dragstart', ['$event']) onDragStart(ev:Event) { console.log(ev); } @HostListener('myElement.myClass: dragstart', ['$event']) onDragStart(ev:Event) { console.log(ev); } I primi due lavori. Di qualsiasi altra cosa, ho provato genera un EXCEPTION: Unsupported event target undefined for event dragstart Così,… Continue reading "Angular2, HostListener, come posso destinazione di un elemento? posso destinazione in base alla classe?"
android | dom | html | javascript
Android browser schermo.larghezza dello schermo.altezza & window.innerWidth & window.innerHeight sono inaffidabili

Sto lavorando su un’applicazione web che è destinato ai browser su desktop, tablet e smartphone. Web app ha una finestra di luce implementato utilizzando Colorbox con un iframe. Quando la finestra del browser viene ridimensionata o il tablet/telefono ha cambiato orientamento, il codice Javascript query le dimensioni della finestra in modo che è possibile ridimensionare alcuni elementi della finestra di… Continue reading "Android browser schermo.larghezza dello schermo.altezza & window.innerWidth & window.innerHeight sono inaffidabili"
css | dom | html | javascript
Come visualizzare una casella di testo nascosta dopo aver cliccato su un link?

Voglio mostrare una casella di testo nascosto quando clicco su di un link specifico. Ecco il mio codice così lontano: HTML: <a onclick="show()">Add Deposit Threshold</a> <div id="dThreshold" style="display:none"> <table class="table"> <tr> <td><b>Deposit Threshold</b></td> <td> <div class="row"> <div class="col-xs-12"> <input type="text" class="form-control" name="Threshold"> </div> </div> </td> </tr> </table> </div> JavaScript <script type="text/javascript"> function show() { document.getElementById("dThreshold").display ="block"; } </script> Spero che… Continue reading "Come visualizzare una casella di testo nascosta dopo aver cliccato su un link?"
dom | element | javascript | xmlhttprequest
Inserire il codice HTML come una Stringa, senza JQuery

Sto cercando un metodo per inserire una stringa che contiene i dati HTML, in un elemento div. La stringa viene caricata tramite XHR, e non c’è modo di sapere quali elementi e quali sono in esso. Ho cercato in giro per un po’, e ho trovato alcune cose che potrebbero aiutare, ma non completamente per me. Ciò di cui ho… Continue reading "Inserire il codice HTML come una Stringa, senza JQuery"
dom | html | java | xml-parsing | xquery
org.xml.sax.SAXParseException: il Riferimento non è consentito in prolog

Sto cercando di fuggire html caratteri di una stringa e utilizzare questa stringa per costruire un DOM XML utilizzando parseXml metodo illustrato di seguito. A quel punto, sto cercando di inserire questo documento DOM database. Ma, quando lo faccio ottengo il seguente errore: org.xml.sax.SAXParseException: il Riferimento non è consentito in prolog. Ho tre domande: 1) non sono sicuro di come… Continue reading "org.xml.sax.SAXParseException: il Riferimento non è consentito in prolog"
dom | html | jquery
Che tipo di Elemento del DOM?

e.g. if i have this: <div id='mydiv'>whatever</div> quindi diciamo in jQuery, come, si può scoprire che il dom elemento con id “mydiv” è un DIV o qualche altro tipo di elemento. e.g. $('#mydiv').???? ? InformationsquelleAutor murvinlai | 2011-05-24
dom | javascript | range | traversal
Come ottenere i nodi che giace all’interno di un range con javascript?

Sto cercando di ottenere tutti i nodi DOM che sono entro un raggio di oggetto, qual è il modo migliore per fare questo? var selection = window.getSelection(); //what the user has selected var range = selection.getRangeAt(0); //the first range of the selection var startNode = range.startContainer; var endNode = range.endContainer; var allNodes = /*insert magic*/; Ho pensato a un modo… Continue reading "Come ottenere i nodi che giace all’interno di un range con javascript?"
angularjs | angularjs-directive | dom | html | javascript
Dinamica barra dei menu con angularjs

Sto cercando di creare una barra dei menu utilizzando Angularjs. Ho fatto cose simili prima con Backbonejs, ma ho un momento difficile ottenere la mia testa intorno come fare questo con angolare. Nel mio html file, ho il seguente menu segnaposto. <div id='menu1'></div> <div id='menu2'></div> <div id='menu3'></div> <div id='menu4'></div> <div id='menu5'></div> Un numero di mio angolare moduli di aggiungere un… Continue reading "Dinamica barra dei menu con angularjs"
components | dom | parent-child | reactjs
Reagire, ottenere vincolato padre dom nome dell’elemento interno di un componente

All’interno del mio componente, come posso accedere al nome del componente principale è nidificato all’interno? Quindi, se il mio render è così: ReactDOM.render( <RadialsDisplay data={imagedata}/>, document.getElementById('radials-1') ); Come posso recuperare il id nome #radials-1 dall’interno del componente stesso? Non si può semplicemente utilizzare il documento.getElementById(‘radiali-1’)? Ho più rende per questo componente per id diversi pass ‘radiali-1’ come un pilone? No.… Continue reading "Reagire, ottenere vincolato padre dom nome dell’elemento interno di un componente"
dom | javascript
Come è possibile determinare il tipo di un elemento HTML in JavaScript?

Ho bisogno di un modo per determinare il tipo di un elemento HTML in JavaScript. È l’id, ma l’elemento di per sé potrebbe essere un div, un campo di un form, un fieldset, etc. Come posso realizzare questo? InformationsquelleAutor AdamTheHutt | 2008-10-31
dom | event-propagation | javascript
Come continuare la propagazione dell’evento dopo l’annullamento?

Quando un utente fa clic su un collegamento certo vorrei presentare loro una finestra di dialogo di conferma. Se si fa clic su “Sì” mi piacerebbe continuare la navigazione originale. Un problema: la mia finestra di dialogo di conferma viene implementato mediante la restituzione di un jQuery.Rinviato oggetto che è stato risolto solo quando/se l’utente fa clic sul pulsante Sì.… Continue reading "Come continuare la propagazione dell’evento dopo l’annullamento?"
css | dom | gwt | html | javascript
Ottenere un Elemento utilizzando il nome della Classe

Voglio Elemento utilizzando il nome della classe Ora sto usando GWT 2.0 Si prega di aiutare me Grazie InformationsquelleAutor Tushar Ahirrao | 2010-08-13
dom | html | javascript | javascript-events
Rilevare quando un iframe ottiene o perde la messa a fuoco

Quale è il modo corretto di rilevare quando un iframe ottiene o perde la messa a fuoco (cioè, la volontà o la volontà di non ricevere gli eventi della tastiera)? Il seguente non funziona in Fx4: var iframe = /* my iframe */; iframe.addEventListener("focus", function() { /* never gets called */ }, false); Si prega di dare un’occhiata a stackoverflow.com/questions/1926861/iframe-onblur-event… Continue reading "Rilevare quando un iframe ottiene o perde la messa a fuoco"
dom | html | innerhtml | javascript
Può script essere inserito con innerHTML?

Ho provato a caricare alcuni script in una pagina utilizzando innerHTML su un <div>. Sembra che lo script carica nel DOM, ma non è mai eseguito (almeno in Firefox e Chrome). C’è un modo per avere degli script eseguire quando il loro inserimento con innerHTML? Codice di esempio: HTML: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying… Continue reading "Può script essere inserito con innerHTML?"