Dynamiser une page web via l'url par javascript ?

Bonjour à tous,

Je cherche comme une folle, mais sans succès, à dynamiser une page web sans avoir à créer une base de donnée.

Je m'explique: sur le serveur web, j'ai un répertoire qui contient des séquences vidéos Quicktime (.mov). Dans le même répertoire, j'ai une page html (films.htm)qui sert de template (mise en page) et qui doit accueillir un .mov

Je ne sais pas créer de db ni l'admin qui me permettra d'uploader ces .mov sur le serveur et encore moins une page asp ou php qui gerera la sélection du bon .mov (id?=12345.mov)

Par simplicité et surtout par manque de temps (et de moyens pour le faire réaliser !), je pensais au javascript de la manière suivante:

Introduire dans l'url de la page "films.htm" du javascript qui pointe vers le bon .mov . La page "films.htm" doit alors je pense contenir une balise du style "embed" qui réagirait au javascript contenu dans l'url.

Pour récapituler, l'url de ma page "films.htm" deviendrait par exemple (j'invente) "javascript(embed 12345.mov in http://www.monsite.com/films.htm)"

Je n'aurais plus alors qu'à changer le nom de fichier pour voir apparaître la vidéo souhaitée dans la page "films.htm".

Je sais que les .mov peuvent être directement lus dans un navigateur mais j'ai besoin du canevas htm qui fournit des informations essentielles et surtout une belle présentation aux petits films.

J'espère de tout coeur que ce n'est pas utopique et que c'est réalisable.

Si c'est faisable, pourriez-vous m'aider ? Je suis très limitée en javascript.

Si vous pouvez m'aider, je vous en serais très reconnaissante,

Bonne journée à tous,

Sandrine

bonjour

si tu ne sais pas avec php, et que tu crains avec javascript...
fait le en html ?

<a href="fichier1.mov" target="_blank">lien 1</a>
<a href="fichier2.mov" target="_blank">lien 2</a>
...

tu sauras mettre en forme la présentation ( dans un div, ul+li, ... css... )
dans le target, pourquoi pas l'ID d'un  iframe, ou autre....

Cordialement

Bul [mon Site] [M'écrire]

Bonjour Bultez,
Je comprends bien ce que tu me dis mais mon objectif n'est pas là.

Pour la petite histoire, je suis designeuse et je filme mes maquettes pour en donner le meilleur aperçu possible. Je diffuse mes créations aux constructeurs via un site web spécialisé (pas le mien) où sont listées toutes mes créations.

Tous mes objets sont représentés en liste et, en cliquant sur un objet, on en a le détail.

Sur la page de détail d'un objet, j'ai la possibilité d'ajouter un lien externe, pour cela, je dois introduire l'url de ma page (et ma page est "films.htm").

Le seul hic c'est que cette page ne peut présenter qu'une seule création et non pas la totalité (et il y a plusieurs centaines de créations ...).

C'est pq la solution de faire pointer vers une page bourrée de liens est proscrite. Il m'est aussi impossible de créer une page html par création (trop fastidueux). Du coup, je pensais à une page unique dont le "embed" (ou équivalent) puise le fichier à inclure ds la page web dans le javascript tapé dans l'url.

J'ai déjà vu cela il y a qques tps, mais impossible de mettre la main dessus. J'ai contacté une sté de webdesign qui me dit que c'est tt à fait faisable mais je n'ai vraiment pas les moyens de me payer leurs services (et je ne parle pas du coût d'une création de db + admin...)

Merci en tout cas pour ton message !

Cordialement,

Sandrine

>>c'est tt à fait faisable
je confirme.

>>je n'ai vraiment pas les moyens de me payer leurs services
il te reste à rechercher ( et trouver ) quelque choses qui existe
( et il y en a... sur CodesSources aussi !)
parce que si je dois te le faire, je ne demande pas cher, mais
ça ne va pas être non plus dans ton budget je suppose....

Bul [mon Site] [M'écrire]

Salut,

Tu peux sans problème récupérer le nom d'une vidéo passée en paramètre. Exemple :

// Je considère que tu lances ce genre d'url: http://www.blabla.com/index.html?id=mavideo.mov
function getMovieName(){
    var pattern = location.search.match(new RegExp("[?id=]","g"))
    if(pattern)  return location.search.split('=')[1];
    return null;
}

alert(getMovieName());

J'ai oublié de préciser comment inserer ta vidéo...

Ajoute un objet embed à ton document Html. Exemple :

<embed src="" width="320" height="280" controller="true" autostart="true" type="video/quicktime" id="videoZone"></embed>

Il y a quelques trucs à savoir concernant l'insertion de se genre d'objet. Effectivement, il n'est pas compatible avec toutes les versions des navigateurs. Aussi je te laisse la joie d'aller te documenter à ce sujet mais tu peux le laisser tel quel.

Enfin, il ne te reste plus qu'à changer la source de l'objet au chargement de ton document :

var videoName = getMovieName();
if(videoName) document.getElementById('videoZone').setAttribute('src', 'repertoire_videos/'+videoName);

Ca marche ! :))))))))))))))))))))))))))))))))))))))))))))))))))))))

SUPER MERCIIIIIIIIIIIIIIIIIIIIIIIIIIII

M... j'ai oublié un autre type de fichier que je voudrais dynamiser... et ça ne semble pas marcher de la même manière, j'envoie ça par MP !

Je recopie ici mon MP, ça peut aider qqn dans le même cas que moi :

Dans mon post précédent, je n’ai pas pensé parler d’un autre type de fichier pour lequel j’aurais souhaité un résultat similaire au .mov !

C’un applet java qui pilote une image interactive, sorte de vue à 360°, qui me sert à présenter mes créations dans l'environnement (le local, le lieu) choisi par mon client.

Je souhaite donc modifier la valeur d'un <Param name> par javascript.

Voici l'applet d'origine :

<applet code="EggApplet.class" archive="e3D.jar" codebase="." width="384" height="243" name="EGGPhoto">
          <param name="icons" value="applet.ear">
          <param name="album" value="fichier_source.egg">
          <param name="displaylist" value="false">
        </applet>

J'essaie d'utiliser une procédure similaire à celle du .mov pour modifier le "value="fichier_source.egg" mais sans succès.

Voici le code que j'ai mis :

<head>
<script type="text/javascript">
function getEggName(){
    var pattern = location.search.match(new RegExp("[?id=]","g"))
    if(pattern)  return location.search.split('=')[1];
    return null;
}
//alert(getEggName());
</script>
</head>
<body>
  <div align="center"> <br /><br />
    <embed>
<applet code="EggApplet.class" archive="e3D.jar" codebase="." width="384" height="243" name="EGGPhoto">
    <param name="icons" value="applet.ear">
    <param name="album" value="EggZone">
    <param name="displaylist" value="false">
    </applet>
</embed>
    <script type="text/javascript">
var vrName = getEggName();
if(vrName) document.getElementById('EggZone').setAttribute('value', 'egg/'+videoName+'.egg');
</script>
</body>
</html>

Résultat : l’applet se lance puis « gèle » car elle ne trouve pas le fichier source (.egg)
Je pense que le problème réside dans le getElementById car il y a plusieur fois le "value" dans l'applet. De plus, je ne sais pas si le setAttribute me permet d'écrire en lieu et place de EggZone dans de value="EggZone" ...

J'ai vu qu'il existait la fonction "document.getElementsByName" mais je m'y perds, mes tentatives se soldent par des échecs...

Votre aide me serait à nouveau vraiment précieuse.
J’espère ne pas abuser...

Sandrine

tu vois que ce n'était pas si compliqué,   que les messages privés étaient inutiles


pour ta nouvelle question ( car là au moins tu nous montres du code ;o)  :
>> modifier le "value="fichier_source.egg"

met un id à l'applet : <applet id="toto" code=....
et utilise document.getElementById("toto").album="le .egg que tu veux";

Cordialement

Bul [mon Site] [M'écrire]