Salut,
Am pus in pagina o instanta CKEditor + buton si vreau ca la onclick buton sa deschid un folder cu imagini aflat pe server (imaginile au fost uploadate pe server in prealabil). Cum fac sa-mi deschida acel folder si sa-mi afiseze imaginile sub forma de iconite (thumbail) ? Am configurat deja CKEditor pentru a permite drag&drop. Multumesc.
Deschidere director cu imagini in javascript
-
- Mesaje: 430
Deschidere director cu imagini in javascript
MarPlo
Mesaje: 4343
Salut
Daca vrei ceva integrat in CKEditor, vezi Image Browse Plugin de la adresa: https://coursesweb.net/javascript/ckedit ... -browse_s2
Daca vrei sa faci ceva separat, cel mai simplu ar fi ca la clic pe acel buton sa deschida o fereastra popup cu adresa unui fisier php unde faci un script care sa preia imaginile din director si face un cod html cu ele.
Ca sa deschizi fereastra popup la clic pe buton, poti folosi acest cod:
Daca vrei ceva integrat in CKEditor, vezi Image Browse Plugin de la adresa: https://coursesweb.net/javascript/ckedit ... -browse_s2
Daca vrei sa faci ceva separat, cel mai simplu ar fi ca la clic pe acel buton sa deschida o fereastra popup cu adresa unui fisier php unde faci un script care sa preia imaginile din director si face un cod html cu ele.
Ca sa deschizi fereastra popup la clic pe buton, poti folosi acest cod:
Cod: Selectaţi tot
<button onclick="openW()">Clic</button>
<script>
function openW() {
window.open('pagina.php', 'nume_window', 'width=500,height=400,left=100,top=200,status=no,toolbar=no,menubar=no');
}
</script>
andras
Mesaje: 430
Am facut separat pentru ca si aici am integrat lightbox-ul (class= "mpgal") ceea ce permite vizualizarea imaginii inaintea inserarii ei in ckeditor.
Subiecte similare
-
Deschidere camera chat fara refresh pagina
PHP - MySQL - XML
Primul mesaj
Am tot cautat pe net un script js ca atunci cand vreau sa dau click pe o camera de chat sa o incarce in pagina respectiva fara sa am refresh la...Ultimul mesaj
Salut,
Depinde cum ai chatul construuit. Daca ai camera de chat afisata intr-un iframe, faci ca la clic pe butonul pentru camera sa se schimbe... -
Imagini Slider bootstrap
HTML - XHTML - CSS
Salutare,
de curand am cumparat un template de pe teamforest pe care l-am pus pe perlamuntilor.ro ideea e ca ma bate rau bootstrapul asta.
Cum... -
Formular de contact cu upload imagini
Scripturi de pe site
Primul mesaj
Salutare si la multi ani!Ultimul mesaj
Revin cu o intrebare pentru scriptul formular de contact, de la pagina: marplo.net/php-mysql/formular_contact
Este...
M-am uitat pe codul din formularul de contact.
Am decis sa nu ma complic cu asa multe adaugari si verificari in acel script. -
Produsul Dot a doua array in Javascript
JavaScript - jQuery - Ajax
Primul mesaj
Cum se poate implementa eficient o metoda dotProduct (pentru a obține produsul Dot din două array) fără a importa alte biblioteci Javascript?Ultimul mesaj
De...
Iată o metodă.
Se foloseste funcția map() pentru a crea un nou array cu rezultate înmulțite ale fiecărui index, apoi se aplica funcția reduce()... -
Problemă cu 'this' în function.call() în JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
De ce function.call() se comportă diferit cu ' this ' cand nu e adaugat ca argument, în JavaScript?Ultimul mesaj
Rezultatul cu 'this' în test.call() este același...
Functia call() necesita primul argument, care e pentru obiectul 'this', daca nu ai nevoie de el, adauga null .
test.call(null, ...args);
In... -
Lungime obiect JSON in JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Am convertit un tabel din baze de date într-un obiect JSON.Ultimul mesaj
Aceasta este, în esență, un array bidimensional, fiecare înregistrare fiind pe cate un...
Poti sa folosesti Object.keys pentru a obține lista de chei din obiect ca un array, apoi obții cu 'length' lungimea din el:...