CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : url popup

DébutPage précedente
1
Page suivantePage suivante
chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 13:10:34

Salut je suis en trains de faire un site pour mon groupe de musique avec wix (bou ! le noob ! ) :hap:
J'aimerais rajouter une page pour qu'on puisse acheter mon album.
J'ai un compte bandcamp, c'est une plateforme qui permet justement de vendre des albums (une sorte de steam pour les groupes)

Le problème c'est que c'est pas très bien foutu bandcamp et j'aimerais juste m'en servir pour foutre des liens sur mon site qui me redirige vers l'achat.
Sur bandcamp quand je veux acheter, ça m'ouvre une fenêtre popup.
Si vous pouvez aller voir: https://linekipit.bandcamp.com/album/flipper
J'aimerais avoir cette fenêtre sur mon site.

Sur wix on peux intégrer une fenêtre provenant d'un autre site à partir d'un url ou d'un code
J'ai réussi à trouver le code source qui correspond à ce popup et ça donne ça:
http://www.linekipit.com/#!physique/fv04k

Le problème c'est que je ne peux pas m'en servir, essayez vous verrais.
Même quand je copie l'intégralité du code source d'une page je ne peux pas cliquer où je veux.
Je suppose que ça viens du fait que contrairement à un url là le programme ne charge que ce que je lui dis de faire et il ne connais pas le code des autre pages ?

Comment faire alors pour avoir un url direct de cette fenêtre popup ?
Je précise que je n'ais aucune base en html ou java script.

julienazer julienazer
MP
Niveau 6
28 novembre 2015 à 14:50:35

J'aime bien la musique :)

tu veut un popup comme sa : http://www.w3schools.com//bootstrap/bootstrap_modal.asp
(clique sur le bouton)
ou
Ou une iframe vers ton site d'achat : http://www.startyourdev.com/html/tag-html-balise-iframe
(en bas de la page)

chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 15:01:38

Ben en fait que ce soit en popup ou pas je m'en fiche.
Je voudrais juste que les personnes qui vont sur le site n'aient pas à aller sur le bandcamp.
Je veux qu'ils ne puissent voir que la fenêtre d'achat qui elle les redirigera vers la page paypal etc...
Si tu fais en iframe on verra la page du site derrière ? ou juste la page popup ? genre comme ce que j'ai essayé de faire ?

"J'aime bien la musique"

Merci :)

Message édité le 28 novembre 2015 à 15:02:22 par chopsueys
julienazer julienazer
MP
Niveau 6
28 novembre 2015 à 15:23:14

Avec un iframe tu verra exactement
https://linekipit.bandcamp.com/album/flipper
ou
http://www.linekipit.com/#!physique/fv04k

Avec un popup il faut que le site te donne le code d’intégration (il faut aller voir dans ton profile bandcamp ou sur les forum)

A mon avis le mieux c'est d'inclure un lien ou un bouton acheter qui envoie sur la page bandcamp.
L'autre solution est d’intégrer un iframe dans la popup c'est plus propre.

Essaye de de mettre sa sur ta page dans un première temps :

<iframe name="buy" src="http://www.linekipit.com/#!physique/fv04k" height="500px" width="500px">
<a href="http://www.linekipit.com/#!physique/fv04k" title="buy" target="_blank">clique ici pour acheter mon album</a>
</iframe>

La balise "a" s'affiche uniquement si le visiteur a un navigateur qui ne support pas les iframe (internet explorer 7)

chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 15:43:42

"Avec un iframe tu verra exactement
https://linekipit.bandcamp.com/album/flipper"

Non justement je veux pas que ceux qui vont sur mon site aient accès à cette page.
Clique sur pre order now regarde la fenêtre qui s'ouvre je veux juste qu'on voit ça.
Et tant pis si à la limite si je ne peux pas l'intégrer directement sur mon site comme j'ai essayé de le faire.
Ca pourrait par exemple juste être une nouvelle page qui s'ouvre.
Ou même à la limite que quand la personne clique sur un bouton de mon site ça le renvoie sur le bandcamp mais avec le popup de déjà ouvert, comme si il avait cliqué sur pré order now.

J'ai essayé ton code mais ça fais ça: http://editor.wix.com/html/editor/web/renderer/edit/66092ad7-7d10-49b0-9d26-c8d0aaafb742?metaSiteId=143e0352-afcf-4905-8ab5-e6eb67d2e0fd&editorSessionId=6DF965D2-EF39-494B-A9B4-3720F60DFF27 :(

Message édité le 28 novembre 2015 à 15:45:00 par chopsueys
chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 15:45:49

"Avec un iframe tu verra exactement
https://linekipit.bandcamp.com/album/flipper"

Non justement je veux pas que ceux qui vont sur mon site aient accès à cette page.
Clique sur pre order now regarde la fenêtre qui s'ouvre je veux juste qu'on voit ça.
Et tant pis si à la limite je ne peux pas l'intégrer directement sur mon site comme j'ai essayé de le faire.
Ca pourrait par exemple juste être une nouvelle page qui s'ouvre.
Ou même à la limite que quand la personne clique sur un bouton de mon site ça le renvoie sur le bandcamp mais avec le popup de déjà ouvert, comme si il avait cliqué sur pré order now.

J'ai essayé ton code mais ça fais ça: http://www.linekipit.com/#!physique/fv04k :(

Message édité le 28 novembre 2015 à 15:46:03 par chopsueys
julienazer julienazer
MP
Niveau 6
28 novembre 2015 à 16:00:58

A oui exacte, bandcamp utilise les sessions pour ouvrir la popup, donc http://www.linekipit.com/#!physique/fv04k ne fonction pas si tu n'est pas aller sur https://linekipit.bandcamp.com/album/flipper avant, et comme les sessions sont sur le serveur bandcamp tu ne peut pas les modifier ou les près remplir.

Il ne te reste plus qu'a regarder si il sont capable te donner un code d’intégration sinon tu pourra pas ouvrir la popup avec un lien direct.

Si il y a une personne sur le forum qui connais mieux le web-font il pourra peut être t'aider avec un petit script qui ouvre la popup. Bonne chance.

ps : mon code ne fonction pas par ce que ton lien ne fonction plus :

"J'ai réussi à trouver le code source qui correspond à ce popup et ça donne ça:"
"http://www.linekipit.com/#!physique/fv04k"

si tu arrive a retrouve le lien de la popup remplace le dans mon code peut etre que sa marchera.

Message édité le 28 novembre 2015 à 16:04:21 par julienazer
chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 16:31:01

Ok merci.
Et sinon il n'y aurait pas moyen de simuler le clique sur pre order now ?
Genre la personne sur mon site clique sur un bouton qui dis acheter ici et ça la renvoie sur la page bandcamp mais avec le popup déjà ouvert comme si il avait déjà cliqué sur pre order now ?

Message édité le 28 novembre 2015 à 16:31:31 par chopsueys
chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 17:19:13

"ps : mon code ne fonction pas par ce que ton lien ne fonction plus :"

Il ne fonctionne plus par ce que je l'ai justement modifié avec ton code.
Ce que tu vois là c'est ma page internet où je peux avec wix intégrer du code pour afficher un truc dans une fenêtre.
Au début j'ai mis le code du popup, ça a donné ce que tu as vue la 1er fois, puis j'ai modifié ce code par le tien et ça a donné ça.
Je viens de remettre comme c'était avant: http://www.linekipit.com/#!physique/fv04k

"si tu arrive a retrouve le lien de la popup"

J'ai pas de lien du popup justement c'est bien ça le problème.

Message édité le 28 novembre 2015 à 17:22:40 par chopsueys
chopsueys chopsueys
MP
Niveau 10
28 novembre 2015 à 19:15:13

Personne ne sais si je peux avec de l'html ouvrir un lien puis dans la foulé simuler un clic sur un bouton ?
J'ai trouvé ça dans le code source je pense que c'est la partie qui concerne le ou les bouton pour acheter, si ça peut vous aider:

<button class="order_package_link buy-link " type="button" data-pkg="0">
                Pre-order Now
            </button>
        
        
        <span class="base-text-color">&nbsp;&#x20AC;7.70</span>
        <span class="buyItemExtra secondaryText">EUR</span>
        
        
            
            <h4 class="ft compound-button send-as-gift">
                <button class="order_package_link buy-link" type="button" data-pkg="0">Send as Gift</button>&nbsp;
                <!--<a href="/no_js/gift_package?pkg=0">Send as Gift</a>-->
            </h4>
            
        
    </h4>

    
    


</div>

                        </li>
                    
                 

                
                    


<li class="buyItem">
    <h3 class="hd">
        <button class='download-link buy-link' type="button">
          <span class="buyItemPackageTitle primaryText">Digital Album</span>
        </button>
    </h3>
    
    
        <div class="bd">
            Pre-order of Flipper. You get 3 tracks now (streaming via the free Bandcamp app and also available as a high-quality download in MP3, FLAC and more), plus the complete album the moment it&#39;s released.<br><span class="lightweightBreak"></span><br>/ ! \ ALBUM DIGITAL / ! \<br>Le premier Album de Line Kipit, Flipper, est disponible en version digital DÈS MAINTENANT et pour seulement 5.50€ ! Alors, qu&#39;attends tu pour te régaler les oreilles ?<br>Si tu veux nous soutenir encore plus, tu peux souscrire à L&#39;Incipit Club, un lieu où seul les privilégiés aurons l&#39;inédit de Line Kipit (concerts privés, morceaux inédits et bien plus encore) !<br>Encore merci !!<br>Le Groupe.
            
        </div>
        
        <script type="text/javascript">$(".buyItem .bd").last().bcTruncate(TruncateProfile.get("buyItem"))</script>
    

    
        <div class="buyItemEdition secondaryText">releases 12 December 2015</div>
    

    <h4 class="ft compound-button">
        
            <button class='download-link buy-link' type="button">Pre-order Now</button>
        

        
        
           <span class="base-text-color">&nbsp;&#x20AC;5.50</span>
            <span class="buyItemExtra secondaryText">EUR</span>
        
    </h4>
    
    <h4 class="ft compound-button send-as-gift">
        <button type="button" class="download-link buy-link">Send as Gift</button>&nbsp;
    </h4>
    
    
</li>
DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment