login  Naam:   Wachtwoord: 
Registreer je!
 Forum

kleuren popup voor tekst menu (Opgelost)

Offline Prospherine - 17/01/2008 21:19 (laatste wijziging 17/01/2008 23:50)
Avatar van ProspherineNieuw lid Beste mensen,

Mijn huidige code momenteel is:

Plaatscode: 5046


Kan iemand mij vertellen hoe ik zo'n mooi popup ding krijg dat ik kleur kan geven aan mijn tekst? popup ding heeft 20~30 kleurtjes erin die je kan aanklikken zeg maar.

Ik heb geen kennis van javascripting helaas 
iemand een idee?  

12 antwoorden

Gesponsorde links
Offline Wave6 - 18/01/2008 11:11
Avatar van Wave6 PHP beginner Dat kleurenvenster is gewoon een popup



dat zet je in je main.html
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <iframe id="iframe"></iframe>
  2. <input type="button" value="Kies kleur" onClick="window.open('kleurenvenster.html','popup','location=0,status=0, scrollbars=0, width=210, height=160');


dit zet je in kleurenvenster.html
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function kieskleur(kleur)
  2.   {
  3.       window.opener.document.getElementById
  4.       ("iframe").contentWindow.document.execCommand ("ForeColor", false, kleur);
  5.       window.close();
  6.   }

dit zet je ergens onderin in kleurenvenster.html
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <td bgcolor="#330000" onClick="kieskleur('#330000')" height="10" width="10"></td>
  2.   <td bgcolor="#333300" onClick="kieskleur('#333300')" height="10" width="10"></td>
  3.   <td bgcolor="#336600" onClick="kieskleur('#336600')" height="10" width="10"></td>
  4.   <td bgcolor="#339900" onClick="kieskleur('#339900')" height="10" width="10"></td>

Ik hoop dat dit voldoende is...
Offline Prospherine - 18/01/2008 11:16
Avatar van Prospherine Nieuw lid super! hartstikken bedankt voor je hulp ga meteen kijken ;)
Offline Wave6 - 18/01/2008 11:19
Avatar van Wave6 PHP beginner Graag gedaan
Offline Prospherine - 18/01/2008 12:17
Avatar van Prospherine Nieuw lid Ja het werkt echt super! hartstikken bedankt D_O haha.
Rest me overigens nog één vraag die ik vergeten was.

Een link invoeren... net zoals je vaak op een forum kunt doen.
Krijg je een popup daarin voer je de tekst in, de popup erna de link... iemand een idee hoe dat te werk gaat?
Offline BramBo - 18/01/2008 17:34
Avatar van BramBo JS gevorderde Met een prompt:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. var txt = prompt("Vul tekst in.","");
  2. var url = prompt("URL.","http://");
  3.  
  4. alert(txt+" "+url);
Offline Prospherine - 18/01/2008 18:35
Avatar van Prospherine Nieuw lid ik ken totaal geen JS ;)
maar goed ik moet dus doen (denk ik):

<input type='button' onclick="var txt = prompt("vul tekst in.", ""); var url = prompt("URL", "");"

dan krijg je dat scherm... als iemand daar dan iets invult?
hoe krijg ik die waarde in een ??? welke ik vervolgens in de tekst krijg? ;)
Offline BramBo - 18/01/2008 18:49 (laatste wijziging 18/01/2008 18:49)
Avatar van BramBo JS gevorderde Neen, je dient een functie te schrijven die de variabelen set.

Iets in de trant van :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. createLink() {
  2.  var txt = prompt("Vul tekst in.","");
  3.  var url = prompt("URL.","http://");
  4.  
  5.  if (url!=null && url!="" && url!="http://") {
  6.    if(!(url.match(/^http:\/\/.+?$/im))) url = "http://"+url;
  7.     ElementVAR.etc.execCommand ("CreateLink", false, url);
  8.  }
  9. }


en dus een button maken.
Het probleem is dat je een tekst dient geselecteerd te hebben om een link te maken.
Je kunt natuurlijk een link aanmaken met DOM methods, en dan in het iframe plaatsen, maar dan heb je weer een geheel andere functie nodig.
Offline Prospherine - 18/01/2008 19:00 (laatste wijziging 18/01/2008 19:02)
Avatar van Prospherine Nieuw lid oke haha begin het een klein beetje te snappen.
zal eens proberen om eruit te komen, hartstikken bedankt voor deze zet in iedergeval BramBo!

'ElementVAR' is niet gedifineerd krijg ik als foutmelding...
dit pas als ik de URL invul en op OK klik. Daarvoor gaat alles goed!
Offline BramBo - 18/01/2008 19:18
Avatar van BramBo JS gevorderde Ja ElementVAR.etc. moet veranderd worden in de referentie die je naar je iframe hebt.

Dus bijv:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById("iframe").contentWindow.document
Offline Prospherine - 18/01/2008 19:44 (laatste wijziging 18/01/2008 19:45)
Avatar van Prospherine Nieuw lid werkt niet, ik doe iets heel doms ergens..

het is nu:
ElementVAR.etc.execCommand ("CreateLink", false, url);

als ik het goed begrijp moet worden:
document.getElementById("iframe").contentWindow.document.execCommand("CreateLink", false, url);

maar dan gebeurd er niks, ik doe ergens iets vreselijk verkeerd ;)
Offline BramBo - 18/01/2008 19:46
Avatar van BramBo JS gevorderde Krijg je errors, zo ja welke?
en heb je wel 'n tekst geselecteerd ? ;)

var txt =.... die regel kan trouwens weg uit 't script aangezien er totaal niets mee gedaan wordt.
Offline Prospherine - 18/01/2008 19:53 (laatste wijziging 18/01/2008 19:54)
Avatar van Prospherine Nieuw lid nee geen error helemaal niks...
mijn code:

Plaatscode: 5064

Ik krijg wel de popup, vul er een URL in en verder gebeurd er niks..


[edit] heb het al, ik dacht dat als je tekst invulde dat hij DAARVAN een link maakte, maar je moet zelf een stuk selecteren... nu werkt het wel dankjewel ;)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.213s