404 Not Found

Samx Here
Server : Apache
System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64
User : pragmatice ( 1003)
PHP Version : 8.2.24
Disable Function : NONE
Directory : /home/pragmatice/public_html/pragmabd/
Upload File :
Current File : /home/pragmatice/public_html/pragmabd/edit-static.html
<script>
$('#table').bootstrapTable({
  columns: [{
    field: 'id',
    title: 'Item ID'
  }, {
    field: 'name',
    title: 'Item Name'
  }, {
    field: 'price',
    title: 'Item Price'
  }],
  data: [{
    id: 1,
    name: 'Item 1',
    price: '$1'
  }, {
    id: 2,
    name: 'Item 2',
    price: '$2'
  }]
})

$('#table').bootstrapTable({
  url: 'data1.json',
  columns: [{
    field: 'id',
    title: 'Item ID'
  }, {
    field: 'name',
    title: 'Item Name'
  }, {
    field: 'price',
    title: 'Item Price'
  }]
})

$('#table').bootstrapTable({
  url: 'data1.json',
  pagination: true,
  search: true,
  columns: [{
    field: 'id',
    title: 'Item ID'
  }, {
    field: 'name',
    title: 'Item Name'
  }, {
    field: 'price',
    title: 'Item Price'
  }]
})

</script>




<!DOCTYPE html>
<html lang="fr">
<head>
	<title>PragmaBD</title>
	<meta name="description" content="???" />
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
	<link rel="icon" type="image/ico" href="images/favicon.ico" />
	<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
	<link rel="stylesheet" href="../commun/css/bootstrap.css">
	<link rel="stylesheet" href="css/pragmabd.css">
	<script src="../commun/js/jquery-3.4.1.min.js" type="text/javascript"></script>
	<script src="../commun/js/bootstrap.bundle.min.js" type="text/javascript"></script>
	<script src="../commun/js/clipboard.min.js" type="text/javascript"></script>
	<script src="../commun/js/jquery.qrcode.min.js" type="text/javascript"></script>
	<script src="js/pragmabd.js" type="text/javascript"></script>

	<script type="text/javascript">
		window.onload = function(){
			element = document.getElementById('message_avertissement_javascript');
			element.parentNode.removeChild(element);
		}
		var browser = navigator.appName;
		var ver = navigator.appVersion;
		var thestart = parseFloat(ver.indexOf("MSIE"))+1;
		var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7));
	</script>
</head>
	
<body>
	

	<div class="contenu-bd"> 

		<div class="entete-bd">
			<div class="entete-g">
				<img src="images/logo-pragmabd_64.png" /> PragmaBD
			</div>
			<div class="entete-d">
				<h5>Titre de la BD</h5>
				<h5>Auteur</h5>
			</div>
			<div style="clear:both;"></div>
			<!--Logo - PragmaBD logo  importer logo exporter logo partager - Titre de la BD + auteur (à droite)-->
		</div>
		<div class='pave'><!-- 1G -->
			<div class='case'>
				<img src="fonds/f21.jpg" />
				<img class='perso-g' style='position:absolute; left:0; bottom:0; height:150px;' src='pers/p3-ld-p.png'/>
				<img class='perso-d' style='position:absolute; right:0; bottom:0; height:220px;' src='pers/p3-ld-p.png'/>
				<img class='bulle' style='left:0;' src='bulles/nuage-d86.png' />
				<textarea class='texte-dialogue' style='top:32px; left:150px; width:240px; height:113px; background-color: yellowgreen;' placeholder='Ecrire ici'></textarea>
				<!--<textarea class='texte-dialogue' style='top:62px; left:20px; width:370px; height:32px; background-color: yellowgreen;' placeholder='Ecrire ici'></textarea>-->
				
				<div class='edit-bao'>
					<img class='bt_scale_2 bt-editer-fermer-case bt-editer-case' src='images/edit-bt-editer-case.png' alt='Modifier cette case' title='Modifier cette case' />
					<img class='bt_scale_2 bt-ajouter-case' src='images/edit-bt-ajouter-case.png' alt='Ajouter une nouvelle case' title='Ajouter une nouvelle case' />
					<img class='bt_scale_2 bt-supprimer-case' src='images/edit-bt-supprimer-case.png' alt='Supprimer cette case' title='Supprimer cette case' />
					<img class='bt_scale_2 bt-deplacer-case-avant' src='images/edit-bt-deplacer-case-avant.png' alt='Déplacer avant' title='Déplacer avant' />
					<img class='bt_scale_2 bt-deplacer-case-apres' src='images/edit-bt-deplacer-case-apres.png' alt='Déplacer après' title='Déplacer après' />
					<img class='bt_scale_2 bt-ecouter-case' src='images/edit-bt-ecouter.png' alt='Écouter' title='Écouter' />
				</div>
			</div>
			<div class='proprietes-case' style='display:none;'></div>
		</div>

		<div class='pave'><!-- 1D -->
			<div class='case'>
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test3-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:86px;" placeholder="Ecrire ici"></textarea>
			</div>
			<div class='proprietes-case' style='display:none;'>
				<div class='menu-prop'>
					<div class='bts-choix-modele bts-pers-g on'>
						<img data-type-objet='choix-pers-g' class='bt_scale_2 bt-type-objet bt-choix-pers bt-choix-pers-g' src='images/bt-choix-pers.png' title='Sélectionner un personnage de gauche' />
						<img class='bt_scale_2 bt-option-pers bt-taille bt-taille-grande' src='images/bt-taille-grande.png' title='Changer de taille' />
						<img class='bt_scale_2 bt-option-pers bt-plan bt-plan-large' src='images/bt-plan-large.png' title='Changer de plan' />
						<img class='bt_scale_2 bt-option-pers bt-orient bt-orient-d' src='images/bt-orient-d.png' title='Changer dorientation' />
						<img class='bt_scale_2 bt-option-pers bt-marge bt-marge-petite' src='images/bt-marge-petite.png' title='Changer la position du personnage' />
					</div>
					<div class='bts-choix-modele bts-pers-d'>
						<img data-type-objet='choix-pers-d' class='bt_scale_2 bt-type-objet bt-choix-pers bt-choix-pers-d' src='images/bt-choix-pers.png' title='Sélectionner le personnage de droite' />
						<img class='bt_scale_2 bt-option-pers bt-taille bt-taille-petite' src='images/bt-taille-petite.png' title='Changer de taille' />
						<img class='bt_scale_2 bt-option-pers bt-plan bt-plan-portrait' src='images/bt-plan-portrait.png' title='Changer de plan' />
						<img class='bt_scale_2 bt-option-pers bt-orient bt-orient-g' src='images/bt-orient-g.png' title='Changer dorientation' />
						<img class='bt_scale_2 bt-option-pers bt-marge bt-marge-grande' src='images/bt-marge-grande.png' title='Changer la position du personnage' />
					</div>
					<img data-type-objet='choix-bulle' class='bt_scale_2 bt-choix-bulle bt-type-objet bts-choix-modele-i' src='images/bt-choix-bulle.png' />
					<img data-type-objet='choix-fond' class='bt_scale_2 bt-choix-fond bt-type-objet bts-choix-modele-i' src='images/bt-choix-fond.png' />
					<img data-type-objet='choix-son' class='bt_scale_2 bt-choix-son bt-type-objet bts-choix-modele-i' src='images/bt-choix-son.png' />
				</div>
				<div class='volet volet-choix-pers-g'>
					<div class='menu-volet menu-volet-choix-pers-g'>
						<img class='on' src='pers/cat-pers0.png' />
						<img src='pers/cat-pers1.png' />
						<img src='pers/cat-pers2.png' />
						<img src='pers/cat-pers3.png' />
						<img src='pers/cat-pers4.png' />
					</div>
					<div class='ctn-volet ctn-volet-choix-pers-g'>
						<div class="aff-vign">
							<img src="pers/p0-ld-v.png" />
							<img src="pers/p1-ld-v.png" />
							<img src="pers/p2-ld-v.png" />
							<img src="pers/p3-ld-v.png" />
							<img src="pers/test7.png" />
							<img src="pers/test7.png" />
							<img class='on' src="pers/test7.png" />
							<img src="pers/test7.png" />
							<img src="pers/test7.png" />
							<img src="pers/test7.png" />							
							<img src="pers/p0-ld-p.png" style='width:437px; height:150px;' />							
						</div>
						<div style='clear:both;'></div>
					</div>
				</div>
			</div>
		</div>

		<div class="pave"><!-- 2G -->
			<div class="case">
				<img src="fonds/f20.jpg" />
				<img class="bulle" style="left:0; top:50px;" src="bulles/bulle-test-gris2.png" />
				<img class="perso perso-g" src="pers/test3.png" />
				<img class="perso perso-d" src="pers/test4.png" />
				<textarea class="texte-dialogue" style="top:15px; left:20px; width:425px; height:32px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:0px; left:0px; width:0px; height:0px; background-color: yellowgreen; display:none;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave"><!-- 2D -->
			<div class="case">
				<img src="fonds/f20.jpg" />
				<img class="bulle" style="left:0;" src="bulles/b2.png" />
				<img class="perso perso-g" src="pers/test3.png" />
				<img class="perso perso-d" src="pers/test4.png" />
				<textarea class="texte-dialogue" style="top:15px; left:20px; width:425px; height:59px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:0px; left:0px; width:0px; height:0px; background-color: yellowgreen; display:none;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave"><!-- 3G -->
			<div class="case">
				<img src="fonds/f20.jpg" />
				<img class="bulle" style="left:0;" src="bulles/b3.png" />
				<img class="perso perso-g" src="pers/test3.png" />
				<img class="perso perso-d" src="pers/test4.png" />
				<textarea class="texte-dialogue" style="top:15px; left:20px; width:425px; height:86px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:0px; left:0px; width:0px; height:0px; background-color: yellowgreen; display:none;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave"><!-- 3D -->
			<div class="case">
				<img src="fonds/f20.jpg" />
				<img class="bulle" style="left:0;" src="bulles/b4.png" />
				<img class="perso perso-g" src="pers/test3.png" />
				<img class="perso perso-d" src="pers/test4.png" />
				<textarea class="texte-dialogue" style="top:15px; left:20px; width:425px; height:113px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:0px; left:0px; width:0px; height:0px; background-color: yellowgreen; display:none;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave"><!-- 4G -->
			<div class="case">
				<img src="fonds/f20.jpg" />
				<img class="bulle" style="left:0;" src="bulles/b5.png" />
				<img class="perso perso-g" src="pers/test3.png" />
				<img class="perso perso-d" src="pers/test4.png" />
				<textarea class="texte-dialogue" style="top:15px; left:20px; width:425px; height:140px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:0px; left:0px; width:0px; height:0px; background-color: yellowgreen; display:none;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave"><!-- 4D -->
			<div class="case">
				<img src="fonds/f20.jpg" />
				<img class="bulle" style="left:0;" src="bulles/b10.png" />
				<img class="perso perso-g" src="pers/test3.png" />
				<img class="perso perso-d" src="pers/test4.png" />
				<textarea class="texte-dialogue" style="top:15px; left:20px; width:425px; height:275px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:0px; left:0px; width:0px; height:0px; background-color: yellowgreen; display:none;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img src="fonds/f4.jpg" style="left:0;" />
				<img class="bulle" style="left:0;" src="bulles/bulle.png" />
				<img class="perso perso-g" src="pers/test8.png" />
				<img class="perso perso-d" src="pers/test7.png" />
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img src="fonds/f20.jpg" style="left:0;" />
				<img class="perso perso-g" src="pers/p1-pd-g.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/p3-pg-p.png" />
				<img class="bulle" style="left:0;" src="bulles/bulle.png" />
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:60px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/p1-pd-g.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test5-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:60px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test3-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:86px;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test7-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:86px; background-color: transparent;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test4-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:112px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test8-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="resize: none; border:none; height:112px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0;" src="bulles/test2-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="left:75px; resize: none; border:none; height:60px; width:370px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="top:92px; resize: none; border:none; height:60px; width:370px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="left:0; left:none;" src="bulles/test11-bulle-rectangle-gabari.png" />
				<img class="bulle" style="right:0;" src="bulles/test9-bulle-rectangle-gabari.png" />
				<textarea class="texte-dialogue" style="display:none; width:220px; resize: none; border:none; height:60px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
				<textarea class="texte-dialogue" style="display:none; width:220px; resize: none; border:none; height:60px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px; left:10px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="right:0;" src="bulles/test12-bulle-rectangle-gabari.png" />
				<!--<textarea class="texte-dialogue" style="width:220px; resize: none; border:none; height:60px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>-->
			</div>
		</div>

		<div class="pave">
			<div class="case">
				<img class="perso perso-g" src="pers/test8.png" style="width:256px; height:256px;" />
				<img class="perso perso-d" src="pers/test7.png" />
				<img class="bulle" style="right:10px;" src="bulles/test-nuage10.png" />
				<!--<textarea class="texte-dialogue" style="width:220px; resize: none; border:none; height:60px; background-color: yellowgreen;" placeholder="Ecrire ici"></textarea>-->
			</div>
		</div>


		

		


		<div style="clear:both;"></div>
		
	</div>

	<div class="container">
		<div class="row mt-3">
			<div class="col-3">
				<button class="btn btn-primary btn-block">Exporter</button>
			</div>
		</div>
		<div class="row mt-3">
			<div class="col">
				<p>blabla</p>
			</div>
		</div>
	</div>

		
	<!-- Fenêtre modale des mutualisations -->
	<div class="modal fade" id='modale_mutualisation' tabindex="-1" role="dialog">
		<div class="modal-dialog modal-xl">
			<div class="modal-content">
				<div class="modal-header"><h5 class="modal-title"><img src='images/bt_mutualiser_32.png' /> Espace de mutualisation des cocogitations</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>
				<div class="modal-body"><p>On pourrait imaginer plus tard un espace de dépôt et récupération de cocogitations...</p></div>
			</div>
		</div>
	</div>
	
	<div class="avertissement_navigateur" id="message_avertissement_javascript" style="text-align:center;">
		<img src='images/gif_chargement.gif' /><br />
		<p><b>Patience pendant le temps de chargement...</b></p><p>Javascript doit être activé sur votre navigateur pour que cette application fonctionne !</p>
	</div>
	
	<div id="si_ie" class="avertissement_navigateur">
		<img style="float:right" src="images/logo_avertissement-ie.jpg" />
		<p><b>Vous utilisez un navigateur Web obsolète ou Javascript est désactivé !</b></p>
		<p>Pour que cette application fonctionne, il est nécessaire de télécharger et installer un navigateur "moderne", tel que <a target="_blank" href="https://www.mozilla.org/fr/firefox/new/">Mozilla Firefox</a> par exemple.</p>
		<p>Si cet ordinateur n'est pas connecté à Internet, <a target="_blank" href="http://portableapps.com/apps/internet/firefox_portable/localization">téléchargez une version portable de Firefox</a> et copiez-la sur cet ordinateur pour l'installer...</p>
		<div style="clear:both"></div>
	</div>

	<script type="text/javascript">
		document.getElementById('si_ie').style.display = 'none';
		if ((browser=="Microsoft Internet Explorer") && (brow_ver < 9)) {
			document.getElementById('si_ie').style.display = 'block';
		}
	</script>
	
</body>
</html>
SAMX