Bottone editor per inserire immagini HTML5

3 partecipanti


Risolto Bottone editor per inserire immagini HTML5

Messaggio 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
Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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?


Bottone editor per inserire immagini HTML5 Z_user10

Bottone editor per inserire immagini HTML5 1300 Bottone editor per inserire immagini HTML5 2203 Bottone editor per inserire immagini HTML5 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 26
Messaggi : 5016
Località : Italy

Visualizza il profilo http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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
Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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>
    <!--Pour le modele html5, inscrire 'fontsclass' (remplacez les ' par des $) juste au dessus de </script> -->

    <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>
       <!--[edidget_player]-->
       <script type="text/javascript" src="http://www.wvanim-tutos.fr/forum_wvanim/code_embed/wv_.js"   ></script>
       <!--[/edidget_player]-->
       <!--[edidget_classes]-->

       <!--[/edidget_classes]-->
       <!--[edidget_custom#code_forum]-->
       <!--[/edidget_custom#code_forum]-->
    <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>
       <!--[edidget#code_forum]-->
       <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>
       <!--[/edidget#code_forum]-->
       </center>
       <div id='infos'></div>
      </body>
    </html>


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


Bottone editor per inserire immagini HTML5 Z_user10

Bottone editor per inserire immagini HTML5 1300 Bottone editor per inserire immagini HTML5 2203 Bottone editor per inserire immagini HTML5 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 26
Messaggi : 5016
Località : Italy

Visualizza il profilo http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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
Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio Da Niko Sab 23 Gen 2021 - 19:13

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

Prova a e facci sapere :thanks:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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


Ultima modifica di Niko il Dom 24 Gen 2021 - 13:40 - modificato 1 volta. (Motivazione : Rimossa formattazione)
Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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

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

Bottone editor per inserire immagini HTML5 3ahMb
Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio Da Siria71 Dom 24 Gen 2021 - 17:38

Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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
Siria71
Siria71
Nuovo membro

Sesso : Femmina
Età : 50
Messaggi : 7
Località : Rivalta di Torino

Visualizza il profilo https://cacciapesca.elencoforum.com/
Siria71 è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio Da Niko Dom 24 Gen 2021 - 21:24

.Bottone editor per inserire immagini HTML5 HURHAdp.Caro utente,

ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone Bottone editor per inserire immagini HTML5 ZVvGmet così da inserire l'icona risolto e facilitare il lavoro del personale.

Grazie per la tua collaborazione Wink
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio Da Niko Gio 11 Feb 2021 - 15:22

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

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Bottone editor per inserire immagini HTML5

Messaggio 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 Bottone editor per inserire immagini HTML5 ZVvGmet così da inserire l'icona risolto e facilitare il lavoro del personale


Ci vediamo su Forumattivo Wink
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8929
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.