javascript - How to load local text information into <div> section -

-

i trying draw diagram using below codes. works well. can see, should put text information in div. if there sample.txt includes information in local drive, can load div section dynamically instead of putting manually?

 <!doctype html>  <html >    <head>      <meta charset="utf-8">      <title>sample diagram</title>    </head>    <body>      <div class="diagram">      title: diagram   <!--   participant first      participant second      participant d       participant f     participant g     //-->      e->f: 2      second->first: 1      first->second: 1      c-->second: request token     c->e: 2      second->first: forward request      first->>c: send token      </div>      <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>      <script src='http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js'></script>      <script src='http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js'></script>      <script src='http://cdnjs.cloudflare.com/ajax/libs/js-sequence-diagrams/1.0.4/sequence-diagram-min.js'></script>      <script src="js/index.js"></script>    </body>  </html>

update

/test/index.html /test/js/index.js /test/js/sample.txt /test/sample.txt

index.js

// js-sequence-diagrams bramp <http://bramp.github.io/js-sequence-diagrams/> $(".diagram").sequencediagram({theme: 'simple'}); $(function(){  $.get("sample.txt", function(data) {      $(".diagram").text(data);  }); });

sample.txt

title: diagram second->first: 1 first->second: 1 c-->second: request token c->e: 1 second->first: forward request first->>c: send token

without inner text

 <!doctype html>  <html >    <head>      <meta charset="utf-8">      <title>sample diagram</title>    </head>    <body>      <div class="diagram">       </div>      <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>      <script src='http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js'></script>      <script src='http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js'></script>      <script src='http://cdnjs.cloudflare.com/ajax/libs/js-sequence-diagrams/1.0.4/sequence-diagram-min.js'></script>       <script src="js/index.js"></script>     </body>  </html>

add file-input element html page:

<input type="file" id="file" onchange="readtxt()"/>

and select sample.txt manually:

function readtxt(){   var reader = new filereader();   var files=document.getelementbyid('file').files;   var f = files[0];   reader.onload = function(e) {     var text = reader.result;     $(".diagram").text(text).sequencediagram({theme: 'simple'});   }   reader.readastext(f); }

Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati...
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc...
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc...
Read more