Bottone editor per inserire immagini HTML5

Da Siria71 Ven 22 Gen 2021 - 16:17

Ciao, mi scuso perché sono molto imbranata, ho provato a seguire il post di prima, sul bottone per caricare le immagini in html5
ma non sono riuscita, il bottone mi appare nei messaggi, ma poi se clicco sul bottone mi dice "IN CARICAMENTO"
grazie se mi volete spiegare dettagliatamente il procedimento

Da **MattiaDes** Ven 22 Gen 2021 - 19:16

Ciao, ti riferisci a questo argomento?

I codici che hai inserito solo quelli di @Niko? Sia il javascript, che la pagina HTML?

Da Siria71 Ven 22 Gen 2021 - 22:03

Si esatto, per il momento ho inserito solo il Java perché l'HTML non so come fare la pagina
cioè non so dove mettere il codice che Nico ha dato

Da **MattiaDes** Sab 23 Gen 2021 - 9:10

Nel codice javascript bisogna inserire il link alla pagina HTML. Quindi è importante crearla. Segui questa procedura:

Niko ha scritto:Vai verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Pagine HTML e ne crei una nuova con queste impostazioni:
Titolo: a tua scelta
Usare parte superiore e inferiore del forum: NO
Imposta come indice: NO
Contenuto:
Codice:
<!doctype html>  <html> <head> <title>HTML timebar</title> <meta charset="utf-8"> <style>html, body {width: 100%; height: 100%} *{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } *{padding:0;margin:0} svg.e_a{display:block} </style>  <script type="text/javascript" src="http://www.wvanim-tutos.fr/forum_wvanim/code_embed/wv_.js" ></script>      <style> /*[fontph]*/ .Arial_10_404040b_l { font-family: Arial; font-size: 13px; color:#404040; font-weight:bold; text-align: left; } /*[fontph]*/ .Dialog_16_0c6a99b__ { font-family: Dialog; font-size: 19px; color:#0c6a99; font-weight:bold; } /*[fontph]*/ .Arial_25_0c6a99b_l { font-family: Arial; font-size: 28px; color:#0c6a99; font-weight:bold; text-align: left; } /*[fontph]*/ .Dialog_15_0c6a99b__ { font-family: Dialog; font-size: 18px; color:#0c6a99; font-weight:bold; } .wvcach{ top:0px; left:0px; position:absolute; z-index:1; background-color:rgb(255,255,255); font-size: 30px; color:rgb(85,85,85); display: flex; /* contexte sur le parent */ flex-direction: column; /* direction d'affichage verticale */ justify-content: center; } </style> </head> <body style="margin: 0; overflow: visible; /*[body_bg]*//*[/body_bg]*/"> <center>  <div style="width:640px; height:480px; position:relative ;"> <div class="wvcach" style="width:640px; height:480px; "><script>WvTree.onload()</script><p>In caricamento</p></div> <div id='code_forum' style="left:0.0px; top:0.0px; width:640.0px; height:480.0px; z-index:0; visibility:visible; position : absolute; overflow : hidden; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5root 001*/this.wvBuildRoot(1,40); }; div_.wvDivOpen(); /*open*/</script> <audio id='audio_ph_'></audio><audio id='audio_ph_0_'> </audio><audio id='audio_ph_1_'> </audio><audio id='audio_ph_2_'> </audio><audio id='audio_ph_3_'> </audio><audio id='audio_ph_4_'> </audio><audio id='audio_ph_5_'> </audio><audio id='audio_ph_6_'> </audio><audio id='audio_ph_7_'> </audio><audio id='audio_ph_8_'> </audio><audio id='audio_ph_9_'> </audio> <div id='w_gr' style="left:8.0px; top:7.0px; width:602.0px; height:452.0px; z-index:0; visibility:visible; position : absolute; overflow : hidden; box-shadow: 10px 10px 10px rgba(0,0,0,0.5); border-radius:15.0px;background:linear-gradient(135deg,rgb(88,194,242),rgb(191,232,252),rgb(88,194,242)); " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5group 001*/this.wvBuildGroup(1); }; div_.wvDivOpen(); /*open*/</script> <div id='w_largeur' style="left:280.0px; top:64.0px; width:115.0px; height:52.0px; z-index:1; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5group 001*/this.wvBuildGroup(1); }; div_.wvDivOpen(); /*open*/</script> <textarea id='value' class='Arial_25_0c6a99b_l' onChange=' var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars; console.log("Hello word"); /*----*/ ' value="00" style="cursor: pointer;left:0.0px; top:0.0px; width:138.0px; height:52.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " > 00</textarea> <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); WvTree.defineInputText(this._group) }; div_.wvDivOpen(); /*open*/</script> </div> <div id='w_hauteur' style="left:280.0px; top:144.0px; width:115.0px; height:52.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5group 001*/this.wvBuildGroup(1); }; div_.wvDivOpen(); /*open*/</script> <textarea id='value' class='Arial_25_0c6a99b_l' onChange=' var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars; console.log("Hello word"); /*----*/ ' value="00" style="cursor: pointer;left:0.0px; top:0.0px; width:138.0px; height:52.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " > 00</textarea> <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); WvTree.defineInputText(this._group) }; div_.wvDivOpen(); /*open*/</script> </div> <div id='w_lien' style="left:30.0px; top:231.0px; width:427.0px; height:56.0px; z-index:3; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5group 001*/this.wvBuildGroup(1); }; div_.wvDivOpen(); /*open*/</script> <textarea id='value' class='Arial_10_404040b_l' onChange=' var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars; console.log("Hello word"); /*----*/ ' style="cursor: pointer;left:0.0px; top:0.0px; width:512.0px; height:56.0px; z-index:2; visibility:visible; position : absolute; overflow : visible; " > </textarea> <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); WvTree.defineInputText(this._group) }; div_.wvDivOpen(); /*open*/</script> </div> <div id='sans_nom13068' class='Dialog_16_0c6a99b__' style="left:457.0px; top:76.0px; width:79.0px; height:25.0px; z-index:4; text-align:left; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); }; div_.wvDivOpen(); /*open*/</script> <p id='line0' style=" top: 0px; left: 0px; position : absolute;">Larghezza</p> </div> <div id='sans_nom0' class='Dialog_16_0c6a99b__' style="left:457.0px; top:156.0px; width:78.0px; height:25.0px; z-index:5; text-align:left; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); }; div_.wvDivOpen(); /*open*/</script> <p id='line0' style=" top: 0px; left: 0px; position : absolute;">Altezza</p> </div> <div id='sans_nom1' class='Dialog_16_0c6a99b__' style="left:30.0px; top:201.0px; width:45.0px; height:25.0px; z-index:6; text-align:left; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); }; div_.wvDivOpen(); /*open*/</script> <p id='line0' style=" top: 0px; left: 0px; position : absolute;">Link</p> </div> <div id='w_bt' onclick=' this._group.lg=this._group.w_largeur.text; this._group.ht=this._group.w_hauteur.text; this._group.lien=this._group.w_lien.text; this._group.lien=this._group.w_lien.text.trim(); this._group.t="transparent"; this._group.w_lien.text="<embed src=""+this._group.lien+"" width= ""+this._group.lg+"" height=""+this._group.ht+"" wmode=""+this._group.t+"" >"; this._group.w_lien.text=this._group.w_lien.text.trim(); this._group.w_lien.children.value.select(); document.execCommand( "copy" ); this._group.w_lien.text="Incolla nel tuo messaggio"; this._group.w_bt._visible=false; ' style="cursor: pointer;left:447.0px; top:346.0px; width:115.0px; height:55.0px; z-index:7; text-align:center; visibility:visible; position : absolute; overflow : visible; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); border-radius:10.0px;box-sizing: border-box; border-width:2.0px; border-top-color:rgb(227,227,250); border-left-color:rgb(227,227,250); border-bottom-color:rgb(167,167,212); border-right-color:rgb(167,167,212); border-style:solid;background:linear-gradient(0deg,rgb(32,135,181),rgb(191,232,252),rgb(32,135,181)); font-family: Arial; font-size: 16px; color:#0C6A99; text-align:center; " onmouseover='WvButton_S.mouseButton(this, ["#FFFF00","#00FF00"],null)'> <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;/*wvtype:html5face 003*/this.wvBuildFace();WvButton_S.initFlat(this);}; div_.wvDivOpen(); /*open*/</script> <p id='line0' style="margin: 14px 0px;">Copia</p> </div> </div> <div id='sans_nom61' class='Dialog_15_0c6a99b__' style="left:119.0px; top:21.0px; width:392.0px; height:23.0px; z-index:1; text-align:left; visibility:visible; position : absolute; overflow : visible; " > <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true; /*wvtype:html5face 002*/this.wvBuildFace(); }; div_.wvDivOpen(); /*open*/</script> <p id='line0' style=" top: 0px; left: 0px; position : absolute;">/!\ Attenzione : Non funziona con Firefox</p> </div> <script>/*close*/ var div_= WvTree.getDiv(); div_.wvDivClose=function(){ if(this.wvIsDivClosed!=null) return; this.wvIsDivClosed=true;this.wvBuildTree(true);}; div_.wvDivClose(); /*close*/</script> </div > </div>  </center> <div id='infos'></div> </body> </html>

Alla fine dovrai tenere a mente/copiare il link della pagina

Da Siria71 Sab 23 Gen 2021 - 10:58

Mattia è proprio questo il punto il codice che copio lo debbo mettere qui?

Bottone editor per inserire immagini HTML5 3ag8E

Da **Niko** Sab 23 Gen 2021 - 19:13

@Siria71 si esatto, pagina HTML, quindi modalità avanzata HMTL :good:

Prova a e facci sapere :thanks:

Da Siria71 Dom 24 Gen 2021 - 11:38

Ho provato ma quando prendo l'URL e vado a metterlo in Java mi esce una pagina bianca con scritto In caricamento

Da **Niko** Dom 24 Gen 2021 - 13:39

@Siria71 puoi mettere uno screenshot? perchè non capisco di preciso Embarassed

Ricordati che non è consentito formattare il testo se non per evidenziare e chiarire alcuni aspetti

Da Siria71 Dom 24 Gen 2021 - 14:36

Scusami, non sono molto pratica è da poco che sono con l'amministratrice del forum
allora dopo aver messo il codice in HTML copio questo link:

Bottone editor per inserire immagini HTML5 3ahM8

Bottone editor per inserire immagini HTML5 3ahM8

e vado nel codice Java cancello questo e metto quello che ho copiato

Bottone editor per inserire immagini HTML5 3ahMb

Da **Niko** Dom 24 Gen 2021 - 15:51

Si esatto, ma quello se cliccando nel bottone dell'editor ti apre la nuova pagina vuol dire che funziona senza problemi :bene:

Hai il link alla pagina HTML che hai creato? così provo a vedere cosa è stato fatto di sbagliato :thanks:

Da Siria71 Dom 24 Gen 2021 - 17:38

Mattia, questo è il link

https://tutorial.forumattivo.it/h1-lezioni-wvanim

Da **Niko** Dom 24 Gen 2021 - 19:41

Nel codice della pagina modifica http://www.wvanim-tutos.fr/forum_wvanim/code_embed/wv_.js con https://www.wvanim-tutos.fr/forum_wvanim/code_embed/wv_.js

In sostanza modifica il link mettendo https invece di http :bene:

Da Siria71 Dom 24 Gen 2021 - 21:05

Ho modificato il codice ma ho peggiorato le cose
perché quando clicco sul bottone nel forum dell'HTML, mi esce una pagina con la scritta sito non protetto ecc ecc
quindi ho lasciato solo il codice in Javascript cosi mi esce questa finestra

Bottone editor per inserire immagini HTML5 3aiim

Bottone editor per inserire immagini HTML5 3aiim

Da **Niko** Dom 24 Gen 2021 - 21:24

..	Caro utente, ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale. Grazie per la tua collaborazione

Da **Niko** Gio 11 Feb 2021 - 15:22

@Siria71 Posso chiudere e considerare il problema come risolto? Bottone editor per inserire immagini HTML5 3706843607

Da **Niko** Dom 21 Feb 2021 - 14:10

.

Bottone editor per inserire immagini HTML5 UUqryIu

.

Caro utente,

questo problema è stato considerato risolto.

Purtroppo, secondo il nostro regolamento, se l'argomento non riceve risposta da più di 7 giorni, viene considerato risolto o abbandonato.
Nei prossimi topic di supporto che aprirai:

Se il problema non è risolto
dovrai fare un messaggio di UP dopo 24 ore dal tuo ultimo messaggio cosi da riportare il problema agli occhi del personale
Se il problema è risolto
è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale

Ci vediamo su Forumattivo Wink