WebSite X5Help Center

 
Francesco M.
Francesco M.
User

Aperture varie pagine popup  it

Autor: Francesco M.
Visitado 3516, Seguidores 1, Compartilhado 0  
Tags: pagine,popup

Nella pagina principale dei prodotti è presente una cella contenente una galleria verticale ove sono riportate le fotografie dei prodotti. Cliccando sulla fotografia si apre una finestra popup che fa riferimento ad una pagine che contiene una cella con testo e varie celle con fotografie particolareggiate dei prodotti. Nella cella testo oltre alla descrizione e prezzo del prodotto sono presenti due bottoni uno per l'acquisto ed uno Gioielli collegati per il collegamento ad una pagina popup ove è presente una cella contenente una slide show con varie fotografie di prodotti collegati al prodotto principale. Cliccando sul bottone gioielli collegati dovrebbe aprirsi la pagina popup. Se faccio un controllo con anteprima di web site x10 pro le varie finestre popup si aprono regolarmente con le dimensioni da me stabilite. Una volta pubblicato il sito in internet la prima pagina popup si apre regolarmente mentre cliccando sul bottone gioielli collegati anziché aprirsi la finestra popup si apre una finestra come se fosse stato predisposto l'apertura nella stessa pagina. Lo stesso comportamento avviene anche se parto dalla pagina index del prewiew- Ho effettuato le prove su due computer e con Firefox e Internet explorer sempre lo stesso problema. Il sito è: www.nefergioielli.com/argurion. Vi è la possibilità di risolvere questo problema?. Grazie Francesco Mauro

Publicado em
20 RESPOSTAS - 1 ÚTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... devi modificare medodo di approccio...

... semplificherebbe di molto le cose far aprire in seconda finestra al posto del popup...

...

... invece di usare solo popup, potresti far uso di showbox per la prima chiamata e popup per la seconda chiamata, ma fatto in modo che la direzione non si inverta...

... oppure potresti ottenere l'apertura in popup separate usando il comando JS diretto, però da rivedere ed usando l'Oggetto Codice HTML...

... il primo dei link in questo esempio, in ogni pagina apre il link in popup, ma nella stessa popup se il comando parte da popup, ...come avviene a te...

... il secondo link dello stesso esempio, in ogni pagina apre il link in popup, anche se comandato da popup, quindi in popup separate...

>> http://www.zspace.it/kolasim/popup/a_base.html

.

...!... solo come idea...!... (sono senza programma!!)


.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

Prendendo esempio dal secondo link ho redatto il seguente

<a href="[removed];" onclick="window.open('Gioiellicolegcoll2491.html', 'titolo1', 'width=680, height=500, resizable, status, scrollbars=1, location');"" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: 'Per Vedere Gioielli correlati', width: 180}); " class="imCssLink"><img src="images/CollegGioielliB.jpg" width="173" height="52" style="width: 173px; height: 52px; alt=""</a>

è i popup funzionano bene però sorge il seguente problema.

Il primo popup è costituito mediamente da quattro celle, nella prima cella è inserito solo testo con le caratteristiche degli oggetti e i due bottoni Acquista e Gioielli Collegati nella altre celle sono inserite fotografie con i particolare dell'oggetto principale ( motivo per cui non ho usato la showbox.

Con il codice sopra riportato il bottone si sistema al centro ma sopra le celle, non sono riuscito ad inserirlo nella cella 1 in posizione centrale

Grazie comunque per il suggerimento continuerò ad effetuare altre prove

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... puoi farmi vedere il link dell'esempio...?...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

Ho inserito il sito in rete all'indirizzo www.nefergioielli.com/argurion

La pagina interessata è:gioielli>collane  clic sulla prima fotografia si apre una pagina popup con prezzo descrizione e dettagli. Sotto la descrizione è presente un bottone Gioieli collegati giallo questi è la prima versione cioè quello che non mi apre la pagina popup. In alto vi è uno grigio questo è il pulsante con codice in pagina>proprietà>esperto>prima della chiusura del tag Head e che apre la pagina popup. Ho provato ad inseri anche il codice div con riferimento alla cella che nel mio caso è la 8 centra il pulsante sulla cella descrizione ma non all'interno.

Un commento sul sito anche se non ancora ultimato è gradito.

Già che ci sono nello slide show la des crizione appare solo quando in mouse è fuori. Con Evo 9 se non ricordo male (non posso più controllare perchè caricato su altro computer con windows xp media center edition che dopo 7 anni ha dichiarato sciopero ad oltranza) potevo far si che la scrittura fosse sempre presente con la istruzione nel body di onmouseover="imSSDescrShow(0);" dove al posto dello 0 mettevo il numero che site assegnava a imssDesrShow. ma da una ruicerca nella pagina non ho trovato più imSSDescrShow.

Grazie per la collaborazione

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... purtroppo sono senza programma, e vedo i codici  solo sul bolcco note di windows...

... a grandi linee prova a fare così:

1) - elimina il pulsante GIALLO dalla pagina, solo graficamente, così lo spazio occupato dovrebbe rimanere, credo, altrimenti vediamo dopo;

2) - nel pannello ESPERTO | HEAD ...incolla questo codice:

<style> body { position:absolute;top:-50px; } 

#pulsante_contenitore { position:relative;margin: 0 auto;top:312px; width:1024px; height:50px;background- 
color:#000fff; z-index:100; } 
#pulsante_custom {position:absolute; left:166px; } 
</style>


3) - nel pannello ESPERTO | BODY ...incolla questo codice:

<div id="pulsante_contenitore">

<div id="pulsante_custom">
<a href="[removed];" onclick="window.open(&#39;gioiellicolegcoll2491.html#&#39;, &#39;titolo1&#39;, </i><br><i>&#39;width=680, height=500, resizable, status, scrollbars=1, location&#39;);" "="" 

width="173" height="52" "<="" a="" id="imTip_target0" title="" 
alt="" class="">
</div></div>


... c'è una barra blu per controllarne il posizionamento...

...

... prova, e fammi sapere e vedere

.

ciao

___________________________


Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... al posto di [removed] va messo Xjavascript: senza la X e con il (:), come avevi fatto già tu, preso dal mio codice...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

Ho provato varie volte, controllando meticolosamente il codice, non succede nulla il contenuto delle celle viene spostato  in basso e a sinistra e sulla cella 1 compare il simbolo ≥ cliccando su tale simbolo non si apre alcuna pagina. ho aggiunto il codice riguardante il onmouseover=........... e passando il mouse sul simbolo ≥ il tooltip si apre al disopra del bottone acquista all'altezza di dove era posizionato prima il pulsante giallo

Una buona domenica

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...... hai ragione, ...ho notato che oltre al [removed] ...il codice è stato alterato in Answers... ... per quello dovrebbe compare il simbolo ...!...

...

... allora, il codice prova a copiarlo dai miei esempi, due, fatti così cosà...

... ho scaricato la tua pagina, ed ho provato a gestirla nel Blocco Note di Windows:

... 1° esempiohttp://www.zspace.it/kolasim/div_custom/collane.htm

... copia il codice direttamente dalla pagina, evidenziato dai commenti del tipo:

<!-- DIV CUSTOM dentro HEAD inizio -->

... 2° esempiohttp://www.zspace.it/kolasim/div_custom/collane2.htm

... forse più semplice; copia il codice direttamente dalla pagina, evidenziato dai commenti del tipo come il precedente...

... la differenza è che non si inserisce niente in HEAD, ma una parte nelle Proprietà del tag BODY(ovvero all'interno dell'istruzione <BODY>)

... ed il resto sempre  nel pannello ESPERTO | BODY (Prima della chiusura del tag BODY)

... copia direttamente le stringhe di codice dalla pagina, così non dovrebbero esserci corruzioni, sono ben evidenziate...

.

... applica e fammi vedere come si presenta e se mantiene la stessa formattazione dei miei esempi, poi la barra BLU la toglieremo...

.

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

ok fatta una prova immediata con il secondo esempio : funzione anche se vi è un piccolo problema con il tooltip in quanto copre quasi totalmernte il bottone rendendo difficoltoso il clic del mouse. Proverò a risolvere il problema e nel contempo ad effettuare la prova con il primo anche se dovendo inserire il sudetto codice in circa 80 pagine preferisco il secondo

Grazie Buona domenica

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... purtroppo in jQuery non ho mai sperimentato, e non ho il programma...

... al limite si potrebbe tentare con il tooltip tradizionale, oppure con altri DIV CUSTOM personalizzati...

... intanto puoi provare sempre con l'esempio 2, che ho modificato togliendo dal BODY "positionX:relative;top:-50px"

... si abbassa la pagina di 50 pixel adeguando il tooltip, ma creando un bordo superiore, che comunque male non sta...

.

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

Per il tooltip ho risolto il problema ponendolo alla destra anzichè in basso; ho inserito altre 8 pagine delle collane e precisamente (5,6,7,8,9,11,12,16) con il nuovo codice e sembra funzionare tutto bene tranne per un piccolo particolare alla sinistra e sopra la cella 1 compare il simbolo ≥, ho controllato il codice riga per riga e non ho trovato nulla di irregolare allora ho aperto il file interessato con bloc notes e mi sono messo ha controllare il codice riga per riga al termine dela riga:

<!-- DIV CUSTOM dentro BODY fine --> compare il simbolo > ho provato ad eliminarlo  e a salvare il file  ho provveduto ad aprire l'anteprima e il simbolo era scomparso ma se riapro il progetto o faccio ctrl + anteprima compare un'altra volta non riesco a venirne a capo.

da notare che in esperto sezione body non compare assolutamente per sicurezza riporto il codice:

<!-- DENTRO DICHIARAZIONE BODY: position:relative;top:-50px -->

<body id="" style="cursor: default; ">

<!-- DIV CUSTOM dentro BODY inizio -->
<div id="pulsante_contenitore" style=" position:relative;margin: 0 auto;top:332px; width:1024px; height:50px;background-color:#000fff; z-index:100;">
<div id="pulsante_custom" style=" position:absolute;left:166px;">
<a href="[removed];" onclick="window.open(&#39;gioiellicolegcoll3788.html#&#39;, &#39;titolo1&#39;, &#39;width=690, height=580, resizable, status, scrollbars=1, location&#39;);" "="" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: &#39;Per Vedere Gioielli correlati che potrebbero abbinarsi&#39;, width: 180}); " class="imCssLink"><img src="images/GioielliCoordinatiGrig.jpg" width="173" height="52" style="width: 173px; height: 52px; alt=" "<="" a="" id="imTip_target0" title="" alt="" class="">
</div></div>
<!-- DIV CUSTOM dentro BODY fine -->

Buona serata o giornata

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ah, ecco; ...quello era un commento che indicava cosa dovevi fare, infatti se vedi nel TAG BODY mio c'è solo position:relative;top:-50px

... quindi lo devi mettere nella Proprietà del tag BODY (ovvero all'interno dell'istruzione <BODY>) ... e solo position:relative;top:-50px

.

... per togliere il colore BLU elimina  background-color:#000fff;

.

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

pur togliendo tutti i commenti il simbolo ≥ in colore azzurro compare sempre esaminado il codice del file interessato si vede:

<body position:relative;top:-65px

<body id=style="cursor: default; ">


<div id="pulsante_custom" style=" position:relative;margin:0 auto;top:352px; width:1024px;left:165px;z-index:100">
<a href="[removed];"onclick="window.open(&#39;gioiellicolegcoll2491.html#&#39;, &#39;titolo1&#39;, &#39;width=680, height=500, resizable, status, scrollbars=1, location&#39);" "="" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: &#39;Per Vedere Gioielli correlatiche potrebbero abbinarsi&#39;);" "="" onmouseover="x5engine.imTip.Show($(this).children().first(), { text: &#39;Per Vedere Gioielli correlatiche potrebbero abbinarsi&#39;, width: 180}); " class="imCssLink"><img src="images/GioielColGrey.jpg" width="173" height="52" style="width: 173px; height: 52px; alt=" "<="" a="" id="imTip_target0" title="" alt="" class=""/>
</div></div>
>

con il simbolo finale > Se lo concello manualmente e salvo il file e apro anteprima tutto funziona regolarmente senza alcun simbolo ma appena richiudo WebSite5 pro 10 e riavvio il progetto siamo d'accapo

ho effettuto copia e incolla dal codice  del tuo tag body ove tale simbolo non è presente nulla da fare è sempre presente >. Ho cercato di ovviare, anche se in maniera non elegante ponedo top:-65px

Potrei usufruire dell'ultima cortesia già richiesta quella di rendere sempre visibile la descrizione del show box.

Devo comunque esprimere tutta la mia graditudine per l'aiuto ricevuto

Grazie

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... scusa, ...non avendo il programma non posso essere preciso, ...mi dispiace...

>> nella tua pagina vedo: 

<body <!--DENTRODICHIARAZIONEBODY:position:relative;top:-50px-->

> ... ! ... e questo rigo detto, non deve esserci ... ! ... ...devi rimuoverlo ..!... (manca la ">" finale), e poi appaiono due TAG BODY e ce ne deve essere solo UNO ...!...

... quindi non metterlo questo righo, se lo hai aggiunto tu...

... questa parte position:relative;top:-50px ... che avevo usato serviva per rialzare la pagina di 50 pixel presi dal pulsanre custom, ed andrebbe nella dichiarazione STYLE già presente nel tuo codice nel BODY; ...adesso, non sapendo come opera il programma, magari potresti inserirla nella stessa dichiarazione, ripetendo lo STYLE in questo modo:

stile="position:relative;top:-50px"

....!... stile ...scritto però con la Y, così  ... style


Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

è vero in rete vi è ancora la vecchia versione la nuova è soltanto sul progetto in WbsiteX5 con il quale stavo effettuando varie prove e nel quale è inserito il codice su riportato comunque in serata provvederò a mettere in rete la versione corretta

Ler mais
Publicado em de Francesco M.
Francesco M.
Francesco M.
User
Autor

OK il sito è in rete;

due osservazioine:

Utilizzanndo la funzione analisi ed esportazione>analizza e ottimizza il sito mi comunica che nel codice personalizzato sono presenti errori

Aprendo la finestra popup della collana n. 23   non vi è traccia del simbolo > sto analizzando per esaminare le eventuali differenze con le altre pagine

Nella collana 32 ho inserito top:-65 per nascondere il simbolo >

Buona serata

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... l'errore è qui:  

 

... devi esserti dimenticato una freccia <

... ripulisci tutto ciò che hai all'interno di  Proprietà del tag BODY (ovvero all'interno dell'istruzione <BODY>) ... da non confondere con l'altra opzione [Prima della chiusura del tag BODY]

... poi, quando sei a posto, ...potresti fare una prova, magari va bene, con lo stile detto prima per style ...nel precedente Post...

.

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... altrimenti invece, metti l'equivalente in HEAD:

<style> body { position:relative;top:-50px; } </style>

...

... ma bisognerebbe vederlo sulla tua pagina...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Francesco M.
Francesco M.
User
Autor

Ok problema risolto ho messo tutto il codice in prima chiusura del tag HEAD cosa che avevo già fatto come prova, come già detto nel mio post precedente nella collana n 23,

il body indicato dalla freccia del post precedente lo inseriva in automatico il programma

Comunque ancora molte grazie per la pazienza

Francesco Mauro

Ler mais
Publicado em de Francesco M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... visto, ...ottimo. ...esperimento riuscito...  ... ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪