15,28 → 15,7 |
criteresPourWidget['cartoPoint'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon', 'titre', 'logo', 'url_site', 'photos'); |
criteresPourWidget['observation'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon'); |
criteresPourWidget['photo'] = new Array('utilisateur', 'dept', 'commune', 'projet', 'taxon', 'titre'); |
|
function htmlEncode(value){ |
if (value) { |
return jQuery('<div />').text(value).html(); |
} else { |
return ''; |
} |
} |
|
Object.size = function(obj) { |
var size = 0, key; |
for (key in obj) { |
if (obj.hasOwnProperty(key)) size++; |
} |
return size; |
}; |
|
|
function genererIFrame(url, hauteur, largeur) { |
return '<iframe src="'+url+'" width="'+largeur+'" height="'+hauteur+'">'; |
} |
|
$(document).ready(function() { |
$('#mise_a_jour_auto').change(function() { |
if($('#mise_a_jour_auto').val() == 'on') { |
57,19 → 36,49 |
}); |
|
$('input[name=type_widget]').change(function(event){ |
var type_widget = $('input[name=type_widget]:checked').val(); |
$('#options .critere').each(function() { |
var nom = $(this).find('.modificateur').attr("name"); |
if(critereExistePourWidget(type_widget, nom)) { |
$(this).fadeIn(); |
} else { |
$(this).fadeOut(); |
} |
}); |
afficherCriteresPourWidget(); |
mettreAjourApercu(); |
}); |
|
$('#options').hide(); |
$('#options_secondaires').hide(); |
}); |
|
function htmlEncode(value){ |
if (value) { |
return jQuery('<div />').text(value).html(); |
} else { |
return ''; |
} |
} |
|
Object.size = function(obj) { |
var size = 0, key; |
for (key in obj) { |
if (obj.hasOwnProperty(key)) size++; |
} |
return size; |
}; |
|
|
function genererIFrame(url, hauteur, largeur) { |
return '<iframe src="'+url+'" width="'+largeur+'" height="'+hauteur+'">'; |
} |
|
function afficherCriteresPourWidget() { |
var type_widget = $('input[name=type_widget]:checked').val(); |
$('#options .critere').each(function() { |
var nom = $(this).find('.modificateur').attr("name"); |
if(critereExistePourWidget(type_widget, nom)) { |
$(this).fadeIn(); |
} else { |
$(this).fadeOut(); |
} |
}); |
$('#options').show(); |
$('#options_secondaires').show(); |
} |
|
function critereExistePourWidget(type_widget, nom) { |
var champsAffiches = criteresPourWidget[type_widget]; |
return (champsAffiches.indexOf(nom) != -1); |
168,10 → 177,10 |
<body> |
<div id="formulaire_widget_carto_point"> |
<div class="critere"><label for="utilisateur">Type de widget : </label><br /> |
<input class="modificateur" type="radio" name="type_widget" value="carto" checked="checked">Carto à la commune<br /> |
<input class="modificateur" type="radio" name="type_widget" value="cartoPoint">Carto au point précis <br /> |
<input class="modificateur" type="radio" name="type_widget" value="observation">Observations <br /> |
<input class="modificateur" type="radio" name="type_widget" value="photo">Photos <br /> |
<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="carto">Carto à la commune<br /> |
<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="cartoPoint">Carto au point précis <br /> |
<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="observation">Observations <br /> |
<input autocomplete="off" class="modificateur" type="radio" name="type_widget" value="photo">Photos <br /> |
</div> |
<div id="options"> |
<div class="critere"><label for="utilisateur">Utilisateur : </label><input class="modificateur droite" type="text" name="utilisateur" id="utilisateur" /></div> |
189,16 → 198,18 |
</select> |
</div> |
</div> |
<div class="critere"><label for="largeur">Largeur : </label> |
<input type="text" class="modificateur" size="10" name="largeur" id="largeur" value="700"/> |
<label for="hauteur">Hauteur : </label> |
<input type="text" class="modificateur" size="10" name="hauteur" id="hauteur" value="700"/> |
</div> |
<div> |
<label for="mise_a_jour_auto">Maj auto de la carte à chaque changement : </label> |
<input type="checkbox" id="mise_a_jour_auto" name="mise_a_jour_auto" /> |
<div id="options_secondaires"> |
<div class="critere"><label for="largeur">Largeur : </label> |
<input type="text" class="modificateur" size="10" name="largeur" id="largeur" value="700"/> |
<label for="hauteur">Hauteur : </label> |
<input type="text" class="modificateur" size="10" name="hauteur" id="hauteur" value="700"/> |
</div> |
<div> |
<label for="mise_a_jour_auto">Maj auto de la carte à chaque changement : </label> |
<input type="checkbox" id="mise_a_jour_auto" name="mise_a_jour_auto" /> |
</div> |
</div> |
<button id="mise_a_jour" name="mise_a_jour">OK</button> |
<button id="mise_a_jour" name="mise_a_jour">Rafraichir</button> |
</div> |
<div id="apercu">Aperçu en temps réel |
<div id="contenu_widget_apercu"></div> |