modal popup

**tomGB** · 10.06.2010 08:56

Hallo Forum,

ich habe ein Problem mit dem modal popup in einem view.

wenn ich diesen Code

PHP-Code:


$ret_val = '<tbody>'."\n";

            $ret_val .= '<tr>'."\n";

            $ret_val .= '<td width="110px" class="key">'."\n";

            $ret_val .= '<label for="form_content_selector">';

            $ret_val .= JText::_( "form_content_selector" );

            $ret_val .= '</label>'."\n";

            $ret_val .= '</td>'."\n";

            $ret_val .= '<td id="form_content_selector">'."\n";

            $ret_val .= '<a class="modal" href="index.php?option=com_customuser&view=ajax&tmpl=component&controller=item" rel="{handler: \'iframe\', size: {x: 760, y: 500}}" >'."\n";

            $ret_val .= '<span class="icon-22-item" style="margin: 0 10px 0 0;" title="'.JText::_( "select_item" ).'" ></span>'."\n";

            $ret_val .= JText::_("select_item")."\n";

            $ret_val .= '</a>'."\n";

            $ret_val .= '<a class="modal" href="index.php?option=com_customuser&view=ajax&tmpl=component&controller=editor" rel="{handler: \'iframe\', size: {x: 760, y: 500}}" >'."\n";

            $ret_val .= '<span class="icon-22-sourcecode" style="margin: 0 10px 0 0;" title="'.JText::_( "insert_sourcecode" ).'" ></span>'."\n";

            $ret_val .= JText::_("insert_sourcecode")."\n";

            $ret_val .= '</a>'."\n";

            $ret_val .= '</td>'."\n";

            $ret_val .= '</tr>'."\n";

            $ret_val .= '</tbody>'."\n";



            echo $ret_val;

direkt in das default.php template einbinde, klappt es mit dem popup.

Füge ich den Code aber in dieser abgewandelten Form:

PHP-Code:


$ret_val = '<tbody>'."\n";

            $ret_val .= '<tr>'."\n";

            $ret_val .= '<td width="110px" class="key">'."\n";

            $ret_val .= '<label for="form_content_selector">';

            $ret_val .= JText::_( "form_content_selector" );

            $ret_val .= '</label>'."\n";

            $ret_val .= '</td>'."\n";

            $ret_val .= '<td id="form_content_selector">'."\n";

            $ret_val .= '<a class="modal" href="index.php?option=com_customuser&view=ajax&tmpl=component&controller=item" rel="{handler: \'iframe\', size: {x: 760, y: 500}}" >'."\n";

            $ret_val .= '<span class="icon-22-item" style="margin: 0 10px 0 0;" title="'.JText::_( "select_item" ).'" ></span>'."\n";

            $ret_val .= JText::_("select_item")."\n";

            $ret_val .= '</a>'."\n";

            $ret_val .= '<a class="modal" href="index.php?option=com_customuser&view=ajax&tmpl=component&controller=editor" rel="{handler: \'iframe\', size: {x: 760, y: 500}}" >'."\n";

            $ret_val .= '<span class="icon-22-sourcecode" style="margin: 0 10px 0 0;" title="'.JText::_( "insert_sourcecode" ).'" ></span>'."\n";

            $ret_val .= JText::_("insert_sourcecode")."\n";

            $ret_val .= '</a>'."\n";

            $ret_val .= '</td>'."\n";

            $ret_val .= '</tr>'."\n";

            $ret_val .= '</tbody>'."\n";



            return $ret_val;

per ajax request und javascript innerHTML ein geht es nicht. Ich vermute, da der Quelltext beim rendern der Seite noch nicht verfügbar ist, greift das modal.js nicht.

Habe ich eine chance das beim Einbinden nochmal "anzustoßen".

Danke schon mal fürs lesen.

Tom

edit:: Hallo Mod, sehe gerade das ich im falschen Forum bin. Bitte verschieben. Danke

**tomGB** · 10.06.2010 21:31

Für alle die es interressiert:

Ich habe in das Javascript, nach dem einfügen des Quellcodes mit

Code:

element.innerHTML = quellcode;

mit

Code:

 SqueezeBox.initialize({});

    $$('a.modal').each(function(el) {
    	el.addEvent('click', function(e) {
    		new Event(e).stop();
    		SqueezeBox.fromElement(el);
    	});
    });

die Squeezbox neu initialisiert und die a.modal elemente den click neu zugewiesen.

Tom

**it-micha** · 11.02.2011 12:30

Hallo tomGB,
ich schlage mich auch gerade mit dem selben Problem herum.

Meine Lösung funktioniert auch nicht:
- im Ajax Request habe ich ein JS reingeneriert, was (wie du sagst) die Squeezbox neu initialisiert - funktioniert aber auch nicht

$this->js = " <script type=\"text/javascript\">
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
</script>
";

Was fehlt beim rendern also noch?
:-) Micha

**cttogo** · 11.02.2011 16:15

Hallo it-micha,

ich muss mal das script raussuchen wo ich es verwendet habe.

Ich poste es dann mal.

Tom

**Matrikular** · 11.02.2011 17:51

off topic: willkommen im forum "cttogo"

**cttogo** · 13.02.2011 16:30

@Matrikular
Ja, ja, wenn man ma seine Zugangsdaten verloren hatte und die eMail nicht mehr stimmte.
@it-micha

Habs jetzt noch mal getestet:

Nachdem ich per ajax.request

Code:

function getFormData(obj,sel,id){
    var value = '';
    var link = '';
    if(sel == 0){
        value = obj[obj.selectedIndex].text.toLowerCase();
    } else {
        value = obj.toLowerCase();
    }
    var link = 'index.php?option=com_customuser&view=ajax&controller=' + value+'&tmpl=component&format=raw&cid='+id;
   
    xmlHttpObject = new XHR
        (
	       {
				method: 'get',
				onSuccess: handleFormContent
			}
		).send(link);
}

die Daten bekomme habe,
führe ich per Callback den Quelltext ein und das initialisieren aus.

Code:

function handleFormContent(){
  
  $('custom_form').innerHTML = xmlHttpObject.response.text;

  $('custom_form').setStyle('display','block');
  SqueezeBox.initialize({});

    $$('a.modal').each(function(el) {
    	el.addEvent('click', function(e) {
    		new Event(e).stop();
    		SqueezeBox.fromElement(el);
    	});
    });
}

Dadurch wird auf den eingefügten Link

Code:

<a class="modal" href="index.php?option=com_customuser&view=ajax&tmpl=component&controller=editor" rel="{handler: 'iframe', size: {x: 760, y: 500}}" >
<span class="icon-22-sourcecode" style="margin: 0 10px 0 0;" title="insert_sourcecode" ></span>
insert_sourcecode
</a>

die modal Funktion gelegt und das Popup öffnet sich per klick.

Ich hoffe es hilft. Wenn nicht noch mal Fragen.

Tom

Thema: modal popup

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

modal popup

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen