la verità sui Flip 3d ?

[Experiment8]

Ciao Stardom,

scusami non ti ho abbandonato ma sono abbstanza preso male di lavoro in questo periodo
dunque ho fatto un test su IE11, Galaxy S Plus e Nexus 7 e mi risulta funzionare tranquillamente il flip, con quali dispositivi/browser ti da il problema del backface-visiblity?

Ciao

[stardom]

ehi ciao, meno male che qualcuno ha recepito il messaggio ... mi manca solo questa questione ed il sito sarebbe finito.
Il problema della visibility me lo ha dato su un tablet samsung. Prima me lo dava anche su FF, ma ora no. Non ho la possibilità di testare perchè non ho uno smartphone.
(Spero mi aiuterai a risolvere anche la contact form)

[Experiment8]

Ciao Stardom,

non so che modelllo di tablet tu abbia, ma se è un Galaxy tab non troppo nuovo (2 anni fa), con browser stock, a mio avviso è probabile che non supporti la proprietà CSS3, dunque non puoi farci nulla. Per gli altri browser probabilmente sarà stato un errore isolato, ti confermo che lato mio funziona.

Per il contatto come ti dicevo per spedire e-mail all'utente devi necessariamente passare da un server, non puoi assolutamente farlo con solo script lato client, se non hai possibilità di configurare il server puoi provare con dei servizi tipo Wofoo (http://www.wufoo.com), non gli ho mai utilizzati ma potrebbero tornarti utili, in pratica ospitano la form sul loro server, tu la innesti soltanto nel tuo sito, e lato loro (ovviamente avrai un tuo pannello per gestire tutti i parametri) provvedono a darti la piattaforma per le e-mail e tutto quanto. Non so se ti basterà la versione free, ma tentar non nuoce.

Fammi sapre

[stardom]

Dunque, diamo per buona la questione visibility, sarà stato un errore isolato appunto.
Per il contatto, è fatta con PHPMailer, e il codice è veramente essenziale. Inoltre, sul mio server il PHP è ben configurato per ospitare allegati e tutto, quindi credo sia proprio un problema di codice che ha qualche errore. Puoi aiutarmi in PVT?

[jimbo0]

prova questo

<style>
#f1_container {
  position: relative;
  margin:10pxauto;
  width:450px;
  height:281px;
  z-index:1;
}
#f1_container {
  perspective:1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
}
#f1_card {
  width:100%;
  height:100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transition: all 1.0s linear;
  -webkit-transition: all 1.0s linear;
  -moz-transition: all 1.0s linear;
  -ms-transition: all 1.0s linear;
  -o-transition: all 1.0s linear;

}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  box-shadow:-5px5px5px#aaa;
  -webkit-box-shadow: -5px 5px 5px #aaa;
  -moz-box-shadow: -5px 5px 5px #aaa;
  -ms-box-shadow: -5px 5px 5px #aaa;
  -o-box-shadow: -5px 5px 5px #aaa;

}
.face {
  position: absolute;
  width:100%;
  height:100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;

}
.face.front {
  display: block;
  background:#0066CC}
.face.back {
  display: block;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  box-sizing: border-box;
  padding:10px;
  color: white;
  text-align: center;
  background-color:#aaa;
}</style>
<div id="f1_container">
<div id="f1_card" class="shadow">
  <div class="front face">
   ldsa
  </div>
  <div class="back face center">
    <p>This is nice for exposing more information about an image.</p>
    <p>Any content can go here.</p>
  </div>
</div>
</div>

edit: come non detto: testato con IE10 e non va, magari qualcuno qui riesce a fare un fix per renderlo compatibile anche con ie

[stardom]

Non si capisce perchè il demo originale funziona anche su IE8 (cioè senza flip, ma basta cliccare e cambia la facciata). Infatti il codice sopra è uguale a quello che già ho. Solo che l'autore mi chiede 100 euro per aiutarmi... se ce li avevo non stavo qui sul forum
Ma il problema della form come lo risolvo?

[Experiment8]

Ciao,

è un ladro se ti chiede 100 euro, comunque so che la soluzione è molto semplice, il problema è cosa hai implementato tu rispetto a lui, leggendo però sulla pagina del plugin lo da come una funzionalità già prevista, quindi se hai copiato il codice della pagina non dovresti avere problemi... purtroppo non posso testarlo su IE8 sorry :/

[stardom]

In realtà non ho implementato nulla, perchè ho preso il codice del "ladro" così com'è. Sul mistero dell'IE8 non saprei che dire, ma forse non conviene starci troppo su, visto che ormai sta "passando di moda", o no?
Quello che mi interessa risolvere sul serio è la contact form. Presa per conto suo funziona (anche se ha ancora piccoli problemi), se invece la inserisco nel flip (sia come <?php include "contact/form.php"; ?> che nella sua interezza fra le tag <form>) allora non mi funziona per niente, nemmeno nei tasti cancella ed invia.
Credo sia solo un problema di adattamento, ma io non ho proprio idea. Chiedo sempre aiuto al forum, se qualcuno vuole dare un occhiata ai codici della form, sono dentro http://www.lalegatoria.it/contact/
Grazie